feat: apply new style on side-navigation component

inertia/types/app.d.ts

@@ -1,4 +1,11 @@
-import { Serialize } from '@tuyau/utils/types';
-import type UserModel from '../../app/models/user';
+import type Collection from '#models/collection';
 
-type User = Serialize<UserModel>;
+type User = {
+  id: string;
+  email: string;
+  name: string;
+  nickName: string;
+  avatarUrl: string;
+  isAdmin: boolean;
+  collections: Collection[];
+};

inertia/types/emotion.d.ts

@@ -24,6 +24,7 @@ declare module '@emotion/react' {
       darkBlue: string;
       darkestBlue: string;
 
+      lightestRed: string;
       lightRed: string;
       red: string;
 

inertia/types/inertia.d.ts

@@ -1,8 +1,17 @@
 import type { User } from './app';
 
-export type InertiaPage<T extends Record<string, unknown> = Record<string, unknown>> = T & {
-  auth: {
-    user?: User;
-    isAuthenticated: boolean;
-  };
+type Auth =
+  | {
+      isAuthenticated: true;
+      user: User;
+    }
+  | {
+      isAuthenticated: false;
+      user: null;
+    };
+
+export type InertiaPage<
+  T extends Record<string, unknown> = Record<string, unknown>,
+> = T & {
+  auth: Auth;
 };