feat: Add InboxItemPage component

packages/frontend-design-poc/src/App.tsx

@@ -3,6 +3,7 @@ import { HelloWorld } from "./components/HelloWorld";
 import { PageNotFound } from "./pages/PageNotFound";
 import { PageLayout } from "./pages/PageLayout";
 import { Inbox } from "./pages/Inbox";
+import { InboxItemPage } from "./pages/InboxItemPage";
 
 import styles from "./app.module.css";
 
@@ -13,6 +14,7 @@ function App() {
         <Route element={<PageLayout />}>
           <Route path="/" element={<HelloWorld />} />
           <Route path="/inbox" element={<Inbox />} />
+          <Route path="/inbox/:id" element={<InboxItemPage />} />
           <Route path="*" element={<PageNotFound />} />
         </Route>
       </Routes>

packages/frontend-design-poc/src/pages/InboxItemPage/InboxItemPage.tsx

@@ -0,0 +1,8 @@
+import styles from "./inboxItemPage.module.css";
+
+export const InboxItemPage = () => {
+  return (
+    <div className={styles.itemInboxPage}>
+    </div>
+  );
+};

packages/frontend-design-poc/src/pages/InboxItemPage/inboxItemPage.module.css

@@ -0,0 +1,3 @@
+.itemInboxPage {
+    display: flex;
+}

packages/frontend-design-poc/src/pages/InboxItemPage/index.ts

@@ -0,0 +1 @@
+export { InboxItemPage } from "./InboxItemPage.tsx";