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/auth/states/currentUserState.ts

@@ -3,6 +3,6 @@ import { atom } from 'recoil';
 import { User } from '@/users/interfaces/user.interface';
 
 export const currentUserState = atom<User | null>({
-  key: 'auth/current-user',
+  key: 'currentUserState',
   default: null,
 });

front/src/modules/auth/states/isAuthenticatedState.ts

@@ -3,7 +3,7 @@ import { selector } from 'recoil';
 import { currentUserState } from './currentUserState';
 
 export const isAuthenticatedState = selector<boolean>({
-  key: 'auth/is-authenticated',
+  key: 'isAuthenticatedState',
   get: ({ get }) => {
     const user = get(currentUserState);
     return !!user;

front/src/modules/auth/states/isAuthenticatingState.ts

@@ -1,6 +1,6 @@
 import { atom } from 'recoil';
 
 export const isAuthenticatingState = atom<boolean>({
-  key: 'auth/is-authenticating',
+  key: 'isAuthenticatingState',
   default: true,
 });