project drop zone is now the whole page

Author: ayaankazerouni

src/lib/components/CommentPanel.svelte

@@ -644,10 +644,7 @@
 
   .markdown-preview {
     min-height: 60px;
-    padding: var(--space-sm);
-    border: 1px solid var(--color-border);
-    border-radius: var(--border-radius);
-    background-color: var(--color-bg-secondary);
+    padding: 0;
   }
 
   .markdown-content :global(h1),
@@ -752,11 +749,13 @@
     font-weight: 600;
   }
 
-  .markdown-preview :global(*:first-child) {
+  .markdown-preview :global(*:first-child),
+  .markdown-content :global(*:first-child) {
     margin-top: 0;
   }
 
-  .markdown-preview :global(*:last-child) {
+  .markdown-preview :global(*:last-child),
+  .markdown-content :global(*:last-child) {
     margin-bottom: 0;
   }
 </style>

src/routes/+page.svelte

@@ -332,15 +332,17 @@
 
   <!-- Main Content -->
   {#if !projectName}
-    <div class="welcome-screen">
+    <div 
+      class="welcome-screen"
+      class:dragging={isDragging}
+      ondragover={handleDragOver}
+      ondragleave={handleDragLeave}
+      ondrop={handleDrop}
+    >
       <div class="welcome-content">
         <h2>Select a project folder to get started.</h2>
         <div
           class="drop-zone"
-          class:dragging={isDragging}
-          ondragover={handleDragOver}
-          ondragleave={handleDragLeave}
-          ondrop={handleDrop}
           onclick={handleSelectFolder}
           onkeypress={(e) => {
             if (e.key === "Enter" || e.key === " ") {
@@ -365,7 +367,7 @@
                 d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
               />
             </svg>
-            <p class="drop-zone-text">Drag and drop a folder here</p>
+            <p class="drop-zone-text">Drag and drop a folder anywhere</p>
             <p class="drop-zone-subtext">
               Or click to browse. Files added here will never leave your
               browser.
@@ -495,6 +497,11 @@
     justify-content: center;
     padding: var(--space-xl);
     background-color: var(--color-bg-secondary);
+    transition: background-color 0.2s ease;
+  }
+
+  .welcome-screen.dragging {
+    background-color: var(--color-bg-primary);
   }
 
   .welcome-content {
@@ -525,10 +532,9 @@
     background-color: var(--color-bg-secondary);
   }
 
-  .drop-zone.dragging {
+  .welcome-screen.dragging .drop-zone {
     border-color: var(--color-primary);
-    background-color: var(--color-bg-secondary);
-    transform: scale(1.02);
+    transform: scale(1.05);
   }
 
   .drop-zone-content {