fix: updated footer and navbar component to stop using old global con…

…tainer class (#70)

src/common/footer/footer.tsx

@@ -1,8 +1,8 @@
-import globalStyles from "assets/stylesheets/global-styles.module.scss";
+import { Container } from "common/container";
 import styles from "./footer.module.scss";
 
 export const Footer = () => (
   <div className={styles.container}>
-    <div className={globalStyles.genericContainer}>Footer</div>
+    <Container>Footer</Container>
   </div>
 );

src/common/navbar/navbar.tsx

@@ -2,11 +2,12 @@ import { RouteName } from "routes/routes";
 import globalStyles from "assets/stylesheets/global-styles.module.scss";
 import { AppLink } from "common/app-link";
 import { Avatar } from "common/avatar";
+import { Container } from "common/container";
 import styles from "./navbar.module.scss";
 
 export const Navbar = () => (
   <div className={styles.container}>
-    <div className={globalStyles.genericContainer}>
+    <Container>
       <div className={styles.internalContainer}>
         <div>
           <AppLink routeName={RouteName.Home}>Logo goes here</AppLink>
@@ -20,6 +21,6 @@ export const Navbar = () => (
           <Avatar size="s" />
         </div>
       </div>
-    </div>
+    </Container>
   </div>
 );