Update file transcription page UI: file selection text and mock window titles (#2136)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: ComputelessComputer

apps/web/src/components/transcription/upload-area.tsx

@@ -64,7 +64,10 @@ export function UploadArea({
         <Upload className="text-neutral-400" size={48} />
         <div>
           <p className="text-lg font-medium text-neutral-700">
-            Drop audio file here or click to browse
+            Drop audio file or{" "}
+            <span className="text-stone-600 underline underline-offset-2 hover:text-stone-800">
+              click to upload
+            </span>
           </p>
           <p className="text-sm text-neutral-500 mt-2">
             Supports MP3, WAV, M4A, and other audio formats

apps/web/src/routes/_view/app/file-transcription.tsx

@@ -199,6 +199,9 @@ function Component() {
                   <div className="w-3 h-3 rounded-full bg-red-400" />
                   <div className="w-3 h-3 rounded-full bg-yellow-400" />
                   <div className="w-3 h-3 rounded-full bg-green-400" />
+                  <span className="ml-2 text-sm text-neutral-500">
+                    meeting content
+                  </span>
                 </div>
 
                 <div className="p-6 space-y-6">
@@ -248,6 +251,7 @@ function Component() {
                   <div className="w-3 h-3 rounded-full bg-red-400" />
                   <div className="w-3 h-3 rounded-full bg-yellow-400" />
                   <div className="w-3 h-3 rounded-full bg-green-400" />
+                  <span className="ml-2 text-sm text-neutral-500">summary</span>
                 </div>
 
                 <div className="p-6">

apps/web/src/routes/_view/file-transcription.tsx

@@ -110,6 +110,9 @@ function Component() {
                   <div className="w-3 h-3 rounded-full bg-red-400" />
                   <div className="w-3 h-3 rounded-full bg-yellow-400" />
                   <div className="w-3 h-3 rounded-full bg-green-400" />
+                  <span className="ml-2 text-sm text-neutral-500">
+                    meeting content
+                  </span>
                 </div>
 
                 <div className="p-6 space-y-6">
@@ -167,6 +170,7 @@ function Component() {
                   <div className="w-3 h-3 rounded-full bg-red-400" />
                   <div className="w-3 h-3 rounded-full bg-yellow-400" />
                   <div className="w-3 h-3 rounded-full bg-green-400" />
+                  <span className="ml-2 text-sm text-neutral-500">summary</span>
                 </div>
 
                 <div className="p-6">