Add settings page (#273)

* Add settings page

* Add 'soon' pill and logout

* Refactor components and layout

* Begin improving mobile display

* Add stories and refactor

front/src/pages/opportunities/Opportunities.tsx

@@ -1,6 +1,7 @@
 import { FaBullseye } from 'react-icons/fa';
 
 import { WithTopBarContainer } from '@/ui/layout/containers/WithTopBarContainer';
+import { AppPage } from '~/AppPage';
 
 import {
   initialBoard,
@@ -10,8 +11,10 @@ import { Board } from '../../modules/opportunities/components/Board';
 
 export function Opportunities() {
   return (
-    <WithTopBarContainer title="Opportunities" icon={<FaBullseye />}>
-      <Board initialBoard={initialBoard} items={items} />
-    </WithTopBarContainer>
+    <AppPage>
+      <WithTopBarContainer title="Opportunities" icon={<FaBullseye />}>
+        <Board initialBoard={initialBoard} items={items} />
+      </WithTopBarContainer>
+    </AppPage>
   );
 }