refactor: move DrawerSection component and implement image encryption/decryption tests

frontend/src/components/RouteGuards.test.tsx

@@ -40,7 +40,7 @@ describe("ProtectedRoute", () => {
       "/protected",
     );
 
-    expect(screen.getByText(/Initializing Identity/i)).toBeInTheDocument();
+    expect(screen.getByText(/Unsealing.../i)).toBeInTheDocument();
     expect(screen.queryByText("Secret")).not.toBeInTheDocument();
   });
 
@@ -90,7 +90,7 @@ describe("PublicRoute", () => {
       </PublicRoute>,
       "/public",
     );
-    expect(screen.getByText(/Initializing Identity/i)).toBeInTheDocument();
+    expect(screen.getByText(/Unsealing.../i)).toBeInTheDocument();
     expect(screen.queryByText("Login Page")).not.toBeInTheDocument();
   });
 

frontend/src/components/SplashScreen.tsx

@@ -7,8 +7,8 @@ export default function SplashScreen() {
         <Logo />
         <div className="flex flex-col items-center gap-2">
           <span className="loading loading-ring loading-lg text-primary" />
-          <p className="text-xs uppercase tracking-widest opacity-40 font-display">
-            Initializing Identity
+          <p className="text-xs uppercase font-sans tracking-widest opacity-40">
+            Unsealing...
           </p>
         </div>
       </div>