refactor : remove one time used componenets file

app/admin/form/[id]/result/[submissionId]/client.tsx

@@ -19,13 +19,11 @@ import {
   ContextMenuGroup 
 } from "@/components/ui/context-menu";
 import {
-  AlertCircle,
   Calendar,
   Check,
   Clock,
   Copy,
   ExternalLink,
-  Loader2,
   Maximize2,
   Users,
 } from "lucide-react";
@@ -47,12 +45,12 @@ import { normalizeStoredAnswerSnapshot } from "@/lib/form/submission-intake";
 import { updateSubmissionAdminNote } from "@/app/admin/form/actions";
 import {
   useDebouncedAutoSave,
-  type AutoSaveStatus,
 } from "@/hooks/use-debounced-autosave";
 import {
   DiscordProfileDropdown,
   type DiscordMemberProfile,
 } from "@/components/dropdown-menu-avatar";
+import { SaveStatusIndicator } from "@/components/save-status-indicator";
 
 interface Question {
   id: string;
@@ -181,6 +179,7 @@ export default function SubmissionDetailClient({
                 status={noteAutoSave.status}
                 error={noteAutoSave.error}
                 onRetry={noteAutoSave.retry}
+                fallbackError="Could not save the note."
               />
             </Field>
           </FieldGroup>
@@ -351,54 +350,6 @@ export default function SubmissionDetailClient({
   );
 }
 
-function SaveStatusIndicator({
-  status,
-  error,
-  onRetry,
-}: {
-  status: AutoSaveStatus;
-  error: string | null;
-  onRetry: () => Promise<void>;
-}) {
-  if (status === "clean") return null;
-
-  return (
-    <span
-      className="flex items-center gap-1.5 text-xs text-muted-foreground"
-      aria-live="polite"
-    >
-      {status === "dirty" && "Unsaved"}
-      {status === "saving" && (
-        <>
-          <Loader2 className="animate-spin" />
-          Saving
-        </>
-      )}
-      {status === "saved" && (
-        <>
-          <Check />
-          Saved
-        </>
-      )}
-      {status === "error" && (
-        <>
-          <AlertCircle />
-          <span>{error || "Could not save the note."}</span>
-          <Button
-            type="button"
-            variant="link"
-            size="sm"
-            className="h-auto px-1"
-            onClick={() => void onRetry().catch(() => undefined)}
-          >
-            Retry
-          </Button>
-        </>
-      )}
-    </span>
-  );
-}
-
 function AnswerImagePreview({ src, label }: { src: string; label: string }) {
   const [unavailable, setUnavailable] = useState(false);