Feat/add right drawer (#159)

* Added right drawer component and logic

* Refactored layout to accept right drawer

front/src/modules/ui/layout/right-drawer/hooks/useOpenRightDrawer.ts

@@ -0,0 +1,14 @@
+import { useRecoilState } from 'recoil';
+import { isRightDrawerOpenState } from '../states/isRightDrawerOpenState';
+import { rightDrawerPageState } from '../states/rightDrawerPageState';
+import { RightDrawerPage } from '../types/RightDrawerPage';
+
+export function useOpenRightDrawer() {
+  const [, setIsRightDrawerOpen] = useRecoilState(isRightDrawerOpenState);
+  const [, setRightDrawerPage] = useRecoilState(rightDrawerPageState);
+
+  return function openRightDrawer(rightDrawerPage: RightDrawerPage) {
+    setRightDrawerPage(rightDrawerPage);
+    setIsRightDrawerOpen(true);
+  };
+}

front/src/modules/ui/layout/right-drawer/states/isRightDrawerOpenState.ts

@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const isRightDrawerOpenState = atom<boolean>({
+  key: 'ui/layout/is-right-drawer-open',
+  default: false,
+});

front/src/modules/ui/layout/right-drawer/states/rightDrawerPageState.ts

@@ -0,0 +1,7 @@
+import { atom } from 'recoil';
+import { RightDrawerPage } from '../types/RightDrawerPage';
+
+export const rightDrawerPageState = atom<RightDrawerPage | null>({
+  key: 'ui/layout/right-drawer-page',
+  default: 'comments',
+});

front/src/modules/ui/layout/right-drawer/types/RightDrawerPage.ts

@@ -0,0 +1 @@
+export type RightDrawerPage = 'comments';