Merge branch 'develop' of https://github.com/prgrms-web-devcourse-final-project/WEB2_3_9crops_FE into 12-design-random-letter

Author: wldnjs990

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@egjs/react-infinitegrid": "^4.12.0",
     "@mui/icons-material": "^6.4.4",
     "@tailwindcss/vite": "^4.0.6",
     "@tanstack/react-query": "^5.66.0",

pnpm-lock.yaml

@@ -31,12 +31,15 @@ const App = () => {
           <Route path=":id" element={<LetterDetailPage />} />
         </Route>
         <Route path="board">
-          <Route path="letter" element={<LetterBoardPage />} />
+          <Route element={<Layout />}>
+            <Route path="rolling/:id" element={<RollingPaperPage />} />
+            <Route path="letter" element={<LetterBoardPage />} />
+          </Route>
           <Route path="letter/:id" element={<LetterBoardDetailPage />} />
-          <Route path="rolling/:id" element={<RollingPaperPage />} />
         </Route>
         <Route path="mypage" element={<Layout />}>
           <Route index element={<MyPage />} />
+          <Route path="board" element={<LetterBoardPage />} />
           <Route path="notifications" element={<NotificationsPage />} />
         </Route>
       </Route>

src/App.tsx

@@ -1,15 +1,21 @@
 import AlarmIcon from './alarm.svg?react';
 import ArrowLeftIcon from './arrow-left.svg?react';
 import BoardIcon from './board.svg?react';
+import CloudIcon from './cloud.svg';
+import ColorSirenIcon from './color-siren.svg';
+import DeleteIcon from './delete.svg?react';
 import EnvelopeIcon from './envelope.svg?react';
+import LikeFilledIcon from './like-filled.svg?react';
+import LikeOutlinedIcon from './like-outlined.svg?react';
+import NoticeIcon from './notice.svg?react';
 import PersonIcon from './person.svg?react';
 import restartIcon from './restart.svg';
+import SirenFilledIcon from './siren-filled.svg?react';
+import SirenOutlinedIcon from './siren-outlined.svg?react';
 import SirenIcon from './siren.svg?react';
-import CloudIcon from './cloud.svg';
 import SnowIcon from './snow.svg';
 import ThermostatIcon from './thermostat.svg';
 import WarmIcon from './warm.svg';
-import ColorSirenIcon from './color-siren.svg';
 
 export {
   AlarmIcon,
@@ -24,4 +30,10 @@ export {
   ThermostatIcon,
   WarmIcon,
   ColorSirenIcon,
+  SirenFilledIcon,
+  SirenOutlinedIcon,
+  NoticeIcon,
+  LikeFilledIcon,
+  LikeOutlinedIcon,
+  DeleteIcon,
 };