Fleshed out routing more, added routes to products and promos pages and their forms

src/component/Header.jsx

-import React, {  useState } from "react";
+import React, { useState } from "react";
 import { Link } from "react-router-dom";
 
 const Header = () => {
@@ -7,7 +7,7 @@ const Header = () => {
   return (
     <nav className="navbar navbar-expand-lg navbar-dark bg-dark">
       <div className="container-fluid">
-        <Link className="navbar-brand" href="/">
+        <Link className="navbar-brand" to="/">
           Ascend Inventory
         </Link>
         <button
@@ -28,12 +28,12 @@ const Header = () => {
         >
           <ul className="navbar-nav me-auto mb-2 mb-lg-0">
             <li className="nav-item">
-              <Link className="nav-link" to="">
+              <Link className="nav-link" to="/products">
                 Products
               </Link>
             </li>
             <li className="nav-item">
-              <Link className="nav-link" to="">
+              <Link className="nav-link" to="/promos">
                 Promotions
               </Link>
             </li>

src/component/Main.jsx

 import React from "react";
-import { Switch } from "react-router";
+import { Redirect, Switch } from "react-router";
 import AuthRoute from "./AuthRoute";
 import ProductForm from "./ProductForm";
 
@@ -7,9 +7,16 @@ export default function Main() {
   return (
     <div>
       <Switch>
-        <AuthRoute to="/products/new">
+        <AuthRoute exact path="/products/new">
           <ProductForm />
         </AuthRoute>
+        <AuthRoute exact path="/promos/new">NEW PROMO</AuthRoute>
+        <AuthRoute exact  path="/products">PRODUCTS</AuthRoute>
+        <AuthRoute path="/promos">PROMOS</AuthRoute>
+        <AuthRoute exact path="/">
+          <Redirect to="/products" />
+        </AuthRoute>
+        <AuthRoute >404 PAGE</AuthRoute>
       </Switch>
     </div>
   );