refactor: format and lint react files

frontend/src/components/ui/EnvelopeReveal.tsx

@@ -101,7 +101,6 @@ export function EnvelopeReveal({
           </div>
         </div>
       </div>
-
     </div>
   );
 }

frontend/src/pages/Drawer.tsx

@@ -175,7 +175,9 @@ 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

@@ -78,7 +78,7 @@ describe("Reader Page", () => {
     );
     await waitFor(() => {
       expect(screen.getByText(/Guest/i)).toBeInTheDocument();
-    })
+    });
   });
 
   it("should display an error message if the server request fails", async () => {

frontend/src/pages/Reader.tsx

@@ -50,12 +50,11 @@ export default function Reader() {
 
   useEffect(() => {
     if (!(sharingKey || masterKey)) {
-      setError(
+      setError({
-          {
+        message:
-            message: "No sharing key provided. Please check the link or log in if you are the author.",
+          "No sharing key provided. Please check the link or log in if you are the author.",
-            log: ""
+        log: "",
-          },
+      });
-      );
       setIsDecrypting(false);
       return;
     }
@@ -137,7 +136,10 @@ export default function Reader() {
         }
         setDecryptedCanvasData(canvasData);
       } catch (err) {
-        setError({ message: `Failed to load letter :(`, log: err instanceof Error ? err.message : "Unknown error"});
+        setError({
+          message: `Failed to load letter :(`,
+          log: err instanceof Error ? err.message : "Unknown error",
+        });
       } finally {
         setIsDecrypting(false);
       }
@@ -229,7 +231,6 @@ export default function Reader() {
         </div>
       )}
 
-
       <footer className="mt-16 text-center z-10 opacity-10 pointer-events-none">
         <p className="text-xs font-sans uppercase tracking-[0.5em]">
           Read. Remember. Release.