Merge pull request #289 from ttaerrim/288-group

[Feat] 그룹 페이지 추가

app/frontend/src/hooks/useRouter.tsx

@@ -8,6 +8,7 @@ import {
   MogacoPostPage,
   Calendar,
   MapLayout,
+  Groups,
 } from '@/pages';
 
 export const useRouter = () =>
@@ -34,6 +35,10 @@ export const useRouter = () =>
           path: 'profile',
           element: <>프로필</>,
         },
+        {
+          path: 'groups',
+          element: <Groups />,
+        },
       ],
     },
     {

app/frontend/src/pages/Groups/index.css.ts

@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css';
+
+export const container = style({
+  maxWidth: '72rem',
+  margin: '0 auto',
+});

app/frontend/src/pages/Groups/index.tsx

@@ -0,0 +1,11 @@
+import { sansBold36 } from '@/styles/font.css';
+
+import * as styles from './index.css';
+
+export function Groups() {
+  return (
+    <div className={styles.container}>
+      <h1 className={sansBold36}>그룹 리스트</h1>
+    </div>
+  );
+}

app/frontend/src/pages/index.ts

@@ -1,4 +1,5 @@
 export * from './Calendar';
+export * from './Groups';
 export * from './Main';
 export * from './Map';
 export * from './Mogaco';

app/frontend/src/styles/font.css.ts

@@ -66,6 +66,13 @@ export const sansBold24 = style([
   },
 ]);
 
+export const sansBold36 = style([
+  sansBold,
+  {
+    fontSize: '3.6rem',
+  },
+]);
+
 export const sansRegular12 = style([
   sansRegular,
   {