Make navbar sticky (#332)

Co-authored-by: Rakshit Sinha <[email protected]>

Author: sinharaksh1t

Diff for: src/components/Navigation/index.js

@@ -15,7 +15,7 @@ import DarkMode from '../Dark-Mode';
 
 const Navigation = () => {
   return (
-    <Navbar className="navbar">
+    <Navbar className="navbar sticky">
       <Container>
         <NavbarBrand
           onClick={() =>

Diff for: src/components/Navigation/styles.scss

@@ -1,3 +1,9 @@
+.navbar.sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
 body.light-mode .navbar {
   background-color: #f7f8f9;
   color: #000000;

Diff for: src/components/Table/styles.scss

@@ -62,7 +62,7 @@ body.dark-mode .modal-content {
     > tr th {
       background: white;
       position: sticky;
-      top: 0;
+      top: 50px;
       text-wrap: nowrap;
     }
   }