refactor: refactor all navs

Author: Aksh-Bansal-dev

frontend/src/components/Navbar/index.tsx …end/src/components/Navs/Navbar/index.tsxfrontend/src/components/Navbar/index.tsx renamed to frontend/src/components/Navs/Navbar/index.tsx frontend/src/components/Navbar/index.tsx renamed to frontend/src/components/Navs/Navbar/index.tsx

@@ -12,7 +12,7 @@ import { createStyles, makeStyles, Theme } from "@material-ui/core/styles";
 import Toolbar from "@material-ui/core/Toolbar";
 import { Link } from "react-router-dom";
 import MenuIcon from "@material-ui/icons/Menu";
-import { linklist } from "./linklist";
+import { linklist } from "../linklist";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({

frontend/src/components/homeNav/index.tsx …nd/src/components/Navs/homeNav/index.tsxfrontend/src/components/homeNav/index.tsx renamed to frontend/src/components/Navs/homeNav/index.tsx frontend/src/components/homeNav/index.tsx renamed to frontend/src/components/Navs/homeNav/index.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import styles from "./style.module.css";
+import { Link } from "react-router-dom";
+import { linklist } from "../linklist";
+
+const NavLinks: React.FC = () => {
+  const styling = [
+    styles.first,
+    styles.sec,
+    styles.third,
+    styles.fourth,
+    styles.fifth,
+    styles.sixth,
+  ];
+
+  return (
+    <>
+      {linklist.map((e, key) => (
+        <Link
+          key={key}
+          to={e.url}
+          className={
+            key === 0 ? `${styles.Link} ${styles.firstLink}` : `${styles.Link}`
+          }
+        >
+          <li className={styling[key]}>{e.name}</li>
+        </Link>
+      ))}
+    </>
+  );
+};
+
+export default NavLinks;