feat(event): Add default event

src/features/app/Router.tsx

@@ -12,6 +12,7 @@ import SettingContainer from '../setting/Container';
 import ErrorContainer from '../shared/error/Container';
 import NotFound from '../shared/error/notfound/NotFound';
 import PreviewContainer from '../preview/Container';
+import EventContainer from '../event/Container';
 
 const router = createRoutesFromElements(
   <Route
@@ -27,6 +28,7 @@ const router = createRoutesFromElements(
     <Route path="login" element={<LoginContainer />} />
     <Route path="setting" element={<SettingContainer />} />
     <Route path="preview" element={<PreviewContainer />} />
+    <Route path="event" element={<EventContainer />} />
     <Route path="*" element={<NotFound />} />
   </Route>,
 );

src/features/event/Container.tsx

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+
+import useEventContainer from './hooks/useEventContainer';
+
+const EventContainer: FunctionComponent = () => {
+  useEventContainer();
+  return <div></div>;
+};
+
+export default EventContainer;

src/features/event/hooks/useEventContainer.tsx

@@ -0,0 +1,14 @@
+import { useAtom } from 'jotai';
+import { useLayoutEffect } from 'react';
+
+import { titleAtom } from '../../shared/layout/atom';
+
+const useEventContainer = () => {
+  const [, setTitle] = useAtom(titleAtom);
+
+  useLayoutEffect(() => {
+    setTitle({ back: true, title: 'Event' });
+  }, []);
+};
+
+export default useEventContainer;

src/features/shared/layout/components/Title.tsx

@@ -19,7 +19,7 @@ const LayoutTitle: FunctionComponent = () => {
 
   return (
     <div className="layout-title under-line">
-      <div className="left">
+      <div className={`left ${back ? 'has' : ''}`}>
         {back && (
           <img src={backLogo} alt="Back Logo" onClick={handleBackClick} />
         )}

src/features/shared/layout/layout.scss

@@ -26,6 +26,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
+
+    &.has {
+      cursor: pointer;
+    }
   }
 
   .title {