Make the sidebar collapsable (#260)

* Make the sidebar collapsable

* Fix padding

* Automatically collapase sidebar and hide container on mobile

* Hide navbar content when navbar is collapsed

* Update naming convention for states

front/src/modules/ui/tables/states/isSomeInputInEditModeState.ts

@@ -1,6 +1,6 @@
 import { atom } from 'recoil';
 
 export const isSomeInputInEditModeState = atom<boolean>({
-  key: 'ui/table/is-in-edit-mode',
+  key: 'isSomeInputInEditModeState',
   default: false,
 });

front/src/modules/ui/tables/states/rowSelectionState.ts

@@ -2,6 +2,6 @@ import { RowSelectionState } from '@tanstack/react-table';
 import { atom } from 'recoil';
 
 export const currentRowSelectionState = atom<RowSelectionState>({
-  key: 'ui/table-row-selection-state',
+  key: 'currentRowSelectionState',
   default: {},
 });

front/src/modules/ui/tables/states/selectedRowIdsState.ts

@@ -3,7 +3,7 @@ import { selector } from 'recoil';
 import { currentRowSelectionState } from './rowSelectionState';
 
 export const selectedRowIdsState = selector<string[]>({
-  key: 'ui/table-selected-row-ids',
+  key: 'selectedRowIdsState',
   get: ({ get }) => {
     const currentRowSelection = get(currentRowSelectionState);