Add overflow-x: clip and min-width: 0 to all list view containers

Prevents content from escaping max-width boundaries across notes,
tasks, projects list, and project detail views.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/views/NotesListView.vue

@@ -170,6 +170,7 @@ function onOffsetUpdate(offset: number) {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 .header {
   display: flex;
@@ -263,6 +264,9 @@ function onOffsetUpdate(offset: number) {
   gap: 0.75rem;
   margin-top: 1rem;
 }
+.cards-grid > * {
+  min-width: 0;
+}
 
 /* Compact list layout */
 .cards-list {

frontend/src/views/ProjectListView.vue

@@ -263,6 +263,7 @@ function truncate(text: string | null, max = 120): string {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 
 .page-header {

frontend/src/views/ProjectView.vue

@@ -602,6 +602,7 @@ function formatDate(dateStr?: string | null): string {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 
 .page-header {

frontend/src/views/TasksListView.vue

@@ -303,6 +303,7 @@ function toggleGroup(key: string) {
   max-width: 1200px;
   margin: 2rem auto;
   padding: 0 1rem;
+  overflow-x: clip;
 }
 .header {
   display: flex;