frst Layout

public/assets/notifications.svg

@@ -1,5 +1,5 @@
 
 <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5.06445 20.2658V18.2111H7.1191V11.0198C7.1191 9.59872 7.54715 8.33597 8.40325 7.2316C9.25935 6.12723 10.3723 5.40382 11.742 5.06138V4.34225C11.742 3.9142 11.8919 3.55036 12.1915 3.25072C12.4911 2.95109 12.855 2.80127 13.283 2.80127C13.7111 2.80127 14.0749 2.95109 14.3746 3.25072C14.6742 3.55036 14.824 3.9142 14.824 4.34225V5.06138C16.1938 5.40382 17.3067 6.12723 18.1628 7.2316C19.0189 8.33597 19.447 9.59872 19.447 11.0198V18.2111H21.5016V20.2658H5.06445ZM13.283 23.3477C12.718 23.3477 12.2343 23.1465 11.8319 22.7442C11.4296 22.3418 11.2284 21.8581 11.2284 21.2931H15.3377C15.3377 21.8581 15.1365 22.3418 14.7341 22.7442C14.3318 23.1465 13.8481 23.3477 13.283 23.3477ZM9.17374 18.2111H17.3923V11.0198C17.3923 9.88979 16.99 8.9224 16.1852 8.11766C15.3805 7.31293 14.4131 6.91056 13.283 6.91056C12.153 6.91056 11.1856 7.31293 10.3808 8.11766C9.57611 8.9224 9.17374 9.88979 9.17374 11.0198V18.2111Z" fill="black"/>
-<circle cx="19.4462" cy="19.2384" r="4.23771" fill="black" stroke="#ff0000" stroke-width="2.31148"/>
+<circle cx="19.4462" cy="19.2384" r="4.23771" fill="black" stroke="#ff0000" strokeWidth="2.31148"/>
 </svg>

public/assets/right-arrow.svg

@@ -0,0 +1,4 @@
+
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9984 12.9597L8.39844 8.35972L9.79844 6.95972L15.7984 12.9597L9.79844 18.9597L8.39844 17.5597L12.9984 12.9597Z" fill="black"/>
+</svg>

public/assets/ss.css

@@ -1,25 +1,22 @@
 
-.ant-menu-item-selected {
-    /* background-color: #ED9545 !important; */
-    border-left: 1px solid #CFCFCF ;
+
+.ant-menu-light .ant-menu-item-selected{
+    color: #ED9545;
+    border-left: 3px solid #ED9545 ;
+    background: transparent;
 }
 
 
 /* App.css */
 .custom-menu .ant-menu-item {
-    border-bottom: 1px solid #CFCFCF; /* Default border color */
     border-radius: 0; /* Remove border-radius */
 }
 
-.custom-menu .ant-menu-item-selected {
-    border-bottom: 1px solid #CFCFCF; /* Selected border color */
-}
-
 /* Specific styling for parent menu items (non-selected) */
 .custom-menu .ant-menu-submenu-title {
     border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */
     border-radius: 0; /* Remove border-radius for parent items */
-    font-size: 20px;
+    font-size: 18px;
     color: #000;
     font-weight: 700;
     padding-top: 40px;
@@ -36,10 +33,7 @@
     --icon-color: #ED9545; /* Selected icon color */
 }
 
-.custom-menu .ant-menu-submenu-title:hover {
-    color: #6E6E6E; /* Hover text color for parent items */
-    border-bottom: 1px solid #CFCFCF; /* Hover border color for parent items */
-}
+
 
 /* Ensure parent item remains #ED9545 when any child is selected */
 .custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title {
@@ -53,3 +47,25 @@
     color: #000; /* Ensure parent item text color */
     --icon-color: #000; /* Ensure parent item icon color */
 }
+
+
+/* Custom scrollbar for WebKit browsers */
+::-webkit-scrollbar {
+    width: 3px; /* Width of the scrollbar */
+  }
+  
+  ::-webkit-scrollbar-track {
+    background: #fcfcfc; /* Track background */
+  }
+  
+  ::-webkit-scrollbar-thumb {
+    background: #CFCFCF; /* Scrollbar color */
+    border-radius: 10px; /* Rounded corners */
+  }
+  
+  ::-webkit-scrollbar-thumb:hover {
+    background: #555; /* Color when hovering */
+  }
+/* Firefox scrollbar styling */
+
+    

public/assets/student-dash.svg

@@ -0,0 +1,4 @@
+
+<svg width="24" height="24" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.89844 18.4597L14.3984 14.9597L17.8984 7.45972L10.3984 10.9597L6.89844 18.4597ZM12.3984 13.9597C12.1151 13.9597 11.8776 13.8639 11.6859 13.6722C11.4943 13.4806 11.3984 13.2431 11.3984 12.9597C11.3984 12.6764 11.4943 12.4389 11.6859 12.2472C11.8776 12.0556 12.1151 11.9597 12.3984 11.9597C12.6818 11.9597 12.9193 12.0556 13.1109 12.2472C13.3026 12.4389 13.3984 12.6764 13.3984 12.9597C13.3984 13.2431 13.3026 13.4806 13.1109 13.6722C12.9193 13.8639 12.6818 13.9597 12.3984 13.9597ZM12.3984 22.9597C11.0151 22.9597 9.7151 22.6972 8.49844 22.1722C7.28177 21.6472 6.22344 20.9347 5.32344 20.0347C4.42344 19.1347 3.71094 18.0764 3.18594 16.8597C2.66094 15.6431 2.39844 14.3431 2.39844 12.9597C2.39844 11.5764 2.66094 10.2764 3.18594 9.05972C3.71094 7.84305 4.42344 6.78472 5.32344 5.88472C6.22344 4.98472 7.28177 4.27222 8.49844 3.74722C9.7151 3.22222 11.0151 2.95972 12.3984 2.95972C13.7818 2.95972 15.0818 3.22222 16.2984 3.74722C17.5151 4.27222 18.5734 4.98472 19.4734 5.88472C20.3734 6.78472 21.0859 7.84305 21.6109 9.05972C22.1359 10.2764 22.3984 11.5764 22.3984 12.9597C22.3984 14.3431 22.1359 15.6431 21.6109 16.8597C21.0859 18.0764 20.3734 19.1347 19.4734 20.0347C18.5734 20.9347 17.5151 21.6472 16.2984 22.1722C15.0818 22.6972 13.7818 22.9597 12.3984 22.9597ZM12.3984 20.9597C14.6318 20.9597 16.5234 20.1847 18.0734 18.6347C19.6234 17.0847 20.3984 15.1931 20.3984 12.9597C20.3984 10.7264 19.6234 8.83472 18.0734 7.28472C16.5234 5.73472 14.6318 4.95972 12.3984 4.95972C10.1651 4.95972 8.27344 5.73472 6.72344 7.28472C5.17344 8.83472 4.39844 10.7264 4.39844 12.9597C4.39844 15.1931 5.17344 17.0847 6.72344 18.6347C8.27344 20.1847 10.1651 20.9597 12.3984 20.9597Z" fill="black"/>
+</svg>