fix: handle type errors in build

frontend/src/components/ui/LetterItem.tsx

@@ -1,4 +1,4 @@
-import { LockIcon, LockKeyOpenIcon, LockOpenIcon } from "@phosphor-icons/react";
+import { LockIcon, LockKeyOpenIcon } from "@phosphor-icons/react";
 import { useNavigate } from "react-router-dom";
 import { PATHS } from "../../config/routes";
 

frontend/src/hooks/useLetters.tsx

@@ -10,7 +10,7 @@ export interface Letter {
   status: "DRAFT" | "SEALED" | "BURNED";
   updated_at: string;
   sealed_at?: string;
-  unlock_at?: string;
+  unlock_at: string;
   encrypted_metadata: string;
   encrypted_content: string;
   encrypted_dek: string;

frontend/src/pages/Drawer.tsx

@@ -175,7 +175,7 @@ export default function Drawer() {
                   id={letter.public_id}
                   preview={letter.metadata?.recipient || "Future Self"}
                   timestamp={formatRelativeDate(letter.updated_at)}
-                  unlock_at={formateRelativeDateWithoutTime(letter.unlock_at)}
+                  unlock_at={formateRelativeDateWithoutTime(letter.unlock_at || "")}
                   isLocked={letter.unlock_at > new Date().toISOString()}
                 />
               ))}

frontend/src/pages/Reader.test.tsx

@@ -69,7 +69,7 @@ describe("Reader Page", () => {
       }),
     );
 
-    const {container} = render(
+    render(
       <MemoryRouter initialEntries={[`/read/${mockPublicId}#${sharingKey}`]}>
         <Routes>
           <Route path="/read/:public_id" element={<Reader />} />