Feat: 404 페이지 추가

frontend/src/pages/NotFound.tsx

@@ -0,0 +1,13 @@
+export default function NotFound() {
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center">
+      <h1 className="animate-weight-loop text-[64px] text-gray-900">페이지를 찾을 수 없습니다.</h1>
+      <button
+        className="body text-primary hover:underline"
+        onClick={() => window.history.back()}
+      >
+        이전 페이지로 돌아가기
+      </button>
+    </div>
+  );
+}

frontend/src/router/index.tsx

@@ -15,6 +15,7 @@ import AdminIndex from '@/pages/AdminIndex';
 import LabelCanvas from '@/pages/LabelCanvas';
 import ReviewDetail from '@/components/ReviewDetail';
 import ImageFolderUploadTest from '@/pages/ImageFolderUploadTest';
+import NotFound from '@/pages/NotFound';
 
 export const webPath = {
   home: () => '/',
@@ -34,13 +35,17 @@ const router = createBrowserRouter([
         index: true,
         element: <Home />,
       },
+      {
+        path: '*',
+        element: <NotFound />,
+      },
     ],
   },
   {
     // FIXME: index에서 오류나지 않게 수정
     path: webPath.browse(),
     element: (
-      <Suspense fallback={<div></div>}>
+      <Suspense fallback={<PageLayout />}>
         <WorkspaceBrowseLayout />
       </Suspense>
     ),

frontend/tailwind.config.js

@@ -67,10 +67,16 @@ export default {
           from: { height: 'var(--radix-accordion-content-height)' },
           to: { height: '0' },
         },
+        'weight-loop': {
+          '0%': { 'font-weight': '100' },
+          '50%': { 'font-weight': '900' },
+          '100%': { 'font-weight': '100' },
+        },
       },
       animation: {
         'accordion-down': 'accordion-down 0.2s ease-out',
         'accordion-up': 'accordion-up 0.2s ease-out',
+        'weight-loop': 'weight-loop 5s infinite',
       },
     },
   },