update the dashbord and router

src/App.css

@@ -22,6 +22,7 @@
   justify-content: center;
   font-size: calc(10px + 2vmin);
   color: white;
+
 }
 
 .App-link {
@@ -36,3 +37,88 @@
     transform: rotate(360deg);
   }
 }
+
+
+
+
+
+/* CUSTOM FONTS */
+
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Thin.ttf');
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-ExtraLight.ttf');
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Light.ttf');
+  font-weight: 300;
+
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Regular.ttf');
+  font-weight: 400;
+
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Medium.ttf');
+  font-weight: 500;
+
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-SemiBold.ttf');
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Bold.ttf');
+  font-weight: 700;
+  
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-ExtraBold.ttf');
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: INTER;
+  src: url('../public/fonts/inter/Inter_18pt-Black.ttf');
+  font-weight: 900;
+} 
+
+@font-face {
+  font-family: PlusJakartaSans ;
+  src: url('../public/fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf');
+  font-weight: 500;
+} 
+
+@font-face {
+  font-family: PlusJakartaSans ;
+  src: url('../public/fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf');
+  font-weight: 600;
+} 
+
+@font-face {
+  font-family: PlusJakartaSans ;
+  src: url('../public/fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf');
+  font-weight: 400;
+} 
+/* === CUSTOM FONTS ===*/
+