feat: apply figma browse mobile redesign

src/components/messageStream/bubbles/FileDocBubble.tsx

@@ -1,4 +1,5 @@
-import { ArrowDownToLine, LoaderCircle } from "lucide-react";
+import { LoaderCircle } from "lucide-react";
+import { DownloadCloudIcon } from "../../icons/DownloadCloudIcon";
 import { useState } from "react";
 import { useI18n } from "../../../i18n";
 import type { Attachment, Post } from "../../../types/post";
@@ -56,7 +57,7 @@ function AttachmentRow({ postId, att }: { postId: string; att: Attachment }) {
           {isDownloading ? (
             <LoaderCircle className="h-4 w-4 animate-spin" strokeWidth={2.3} />
           ) : (
-            <ArrowDownToLine className="h-4 w-4" strokeWidth={2.3} />
+            <DownloadCloudIcon className="h-4 w-4" />
           )}
         </div>
       </button>