@campxdev/react-blueprint 1.9.3 → 1.9.4

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@campxdev/react-blueprint",
-  "version": "1.9.3",
+  "version": "1.9.4",
   "main": "./export.ts",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
+    "@hookform/resolvers": "^2.9.10",
     "@mui/icons-material": "^6.1.5",
     "@mui/lab": "^6.0.0-beta.16",
     "@mui/material": "^6.1.5",
@@ -32,7 +33,6 @@
     "react-dom": "^18.3.1",
     "react-error-boundary": "^3.1.4",
     "react-hook-form": "^7.52.0",
-    "@hookform/resolvers": "^2.9.10",
     "react-joyride": "^2.8.2",
     "react-query": "^3.39.3",
     "react-redux": "^9.1.2",

package/src/components/Assets/Icons/IconComponents/ActivityLogsIcon.tsx

@@ -0,0 +1,37 @@
+import { useTheme } from "@mui/material";
+
+export const ActivitylogsIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+    const theme = useTheme();
+    color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+      >
+        <g id="clock_5_" data-name="clock (5)" transform="translate(0 0)">
+          <path
+            id="Path_1791"
+            data-name="Path 1791"
+            d="M8,0a8,8,0,1,0,8,8A8,8,0,0,0,8,0ZM8,14.667A6.667,6.667,0,1,1,14.667,8,6.667,6.667,0,0,1,8,14.667Z"
+            fill={color}
+          />
+          <path
+            id="Path_1792"
+            data-name="Path 1792"
+            d="M10.386,6a.667.667,0,0,0-.667.667V9.55L7.472,10.958a.668.668,0,0,0,.708,1.133l2.56-1.6a.667.667,0,0,0,.313-.572V6.667A.667.667,0,0,0,10.386,6Z"
+            transform="translate(-2.386 -2)"
+            fill={color}
+          />
+        </g>
+      </svg>
+    )
+  }
+  

package/src/components/Assets/Icons/IconComponents/BarChartIcon.tsx

@@ -0,0 +1,58 @@
+import { useTheme } from "@mui/material";
+
+export const BarChartIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+   const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+        id="stats_1_"
+        fill={color}
+        data-name="stats (1)"
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+      >
+        <path
+          id="Path_1407"
+          data-name="Path 1407"
+          d="M15.333,14.667H2A.667.667,0,0,1,1.333,14V.667A.667.667,0,1,0,0,.667V14a2,2,0,0,0,2,2H15.333a.667.667,0,0,0,0-1.333Z"
+          fill={color}
+        />
+        <path
+          id="Path_1408"
+          data-name="Path 1408"
+          d="M14.667,17a.667.667,0,0,0,.667-.667V11.667a.667.667,0,1,0-1.333,0v4.667A.667.667,0,0,0,14.667,17Z"
+          transform="translate(-4.667 -3.667)"
+          fill={color}
+        />
+        <path
+          id="Path_1409"
+          data-name="Path 1409"
+          d="M6.667,17a.667.667,0,0,0,.667-.667V11.667a.667.667,0,1,0-1.333,0v4.667A.667.667,0,0,0,6.667,17Z"
+          transform="translate(-2 -3.667)"
+          fill={color}
+        />
+        <path
+          id="Path_1410"
+          data-name="Path 1410"
+          d="M18.667,15.333a.667.667,0,0,0,.667-.667v-8a.667.667,0,1,0-1.333,0v8A.667.667,0,0,0,18.667,15.333Z"
+          transform="translate(-6 -2)"
+          fill={color}
+        />
+        <path
+          id="Path_1411"
+          data-name="Path 1411"
+          d="M10.667,15.333a.667.667,0,0,0,.667-.667v-8a.667.667,0,1,0-1.333,0v8A.667.667,0,0,0,10.667,15.333Z"
+          transform="translate(-3.333 -2)"
+          fill={color}
+        />
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/CareersIcon.tsx

@@ -0,0 +1,30 @@
+import { useTheme } from "@mui/material";
+
+export const CareersIcon = ({
+    color,
+    size = 16,
+  }: {
+    color?: string;
+    size?: number;
+  }) => {
+     const theme = useTheme();
+        color = color ?? theme.palette.text.primary;
+    return (
+        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_4876_12912)">
+                <path d="M8.59961 23.6246C8.35147 23.623 8.11397 23.5237 7.93851 23.3482C7.76305 23.1727 7.66375 22.9352 7.66211 22.6871V20.0996C7.66375 19.8515 7.76305 19.614 7.93851 19.4385C8.11397 19.263 8.35147 19.1637 8.59961 19.1621C8.84774 19.1637 9.08525 19.263 9.26071 19.4385C9.43617 19.614 9.53547 19.8515 9.53711 20.0996V22.6871C9.53727 22.8103 9.51314 22.9323 9.46608 23.0461C9.41903 23.1599 9.34998 23.2633 9.26289 23.3504C9.1758 23.4375 9.07239 23.5065 8.95857 23.5536C8.84475 23.6006 8.72277 23.6248 8.59961 23.6246Z" fill={color} />
+                <path d="M15 23.625C14.7519 23.6234 14.5144 23.5241 14.3389 23.3486C14.1634 23.1731 14.0641 22.9356 14.0625 22.6875V17.5C14.0641 17.2519 14.1634 17.0144 14.3389 16.8389C14.5144 16.6634 14.7519 16.5641 15 16.5625C15.2481 16.5641 15.4856 16.6634 15.6611 16.8389C15.8366 17.0144 15.9359 17.2519 15.9375 17.5V22.6875C15.9377 22.8107 15.9135 22.9326 15.8665 23.0465C15.8194 23.1603 15.7504 23.2637 15.6633 23.3508C15.5762 23.4379 15.4728 23.5069 15.359 23.554C15.2451 23.601 15.1232 23.6252 15 23.625Z" fill={color} />
+                <path d="M21.4004 23.6246C21.1523 23.623 20.9147 23.5237 20.7393 23.3482C20.5638 23.1728 20.4645 22.9352 20.4629 22.6871V14.9121C20.4645 14.664 20.5638 14.4265 20.7393 14.251C20.9147 14.0755 21.1523 13.9762 21.4004 13.9746C21.6485 13.9762 21.886 14.0755 22.0615 14.251C22.237 14.4265 22.3363 14.664 22.3379 14.9121V22.6871C22.3391 22.8105 22.3156 22.933 22.2689 23.0473C22.2222 23.1615 22.1532 23.2653 22.0659 23.3526C21.9786 23.4399 21.8748 23.5089 21.7605 23.5556C21.6463 23.6023 21.5238 23.6258 21.4004 23.6246Z" fill={color} />
+                <path d="M8.59906 16.4748C8.38955 16.4738 8.18628 16.4033 8.02114 16.2744C7.856 16.1454 7.73832 15.9653 7.68656 15.7623C7.65635 15.6424 7.6502 15.5178 7.66847 15.3955C7.68674 15.2733 7.72907 15.1559 7.793 15.0501C7.85694 14.9443 7.94121 14.8523 8.04095 14.7793C8.14068 14.7062 8.25391 14.6537 8.37406 14.6248C12.9452 13.4872 17.048 10.953 20.1116 7.37478L20.6866 6.69978C20.8514 6.51925 21.08 6.41003 21.324 6.39527C21.568 6.38051 21.8082 6.46139 21.9935 6.62074C22.1789 6.78009 22.2949 7.00538 22.3169 7.24883C22.339 7.49228 22.2653 7.73474 22.1116 7.92478L21.5366 8.59978C18.2245 12.4818 13.7784 15.2273 8.82406 16.4498C8.75094 16.4704 8.67493 16.4788 8.59906 16.4748Z" fill={color} />
+                <path d="M21.4008 11.9C21.1526 11.8984 20.9151 11.7991 20.7397 11.6236C20.5642 11.4481 20.4649 11.2106 20.4633 10.9625V8.25H17.7383C17.4901 8.24836 17.2526 8.14906 17.0772 7.9736C16.9017 7.79814 16.8024 7.56063 16.8008 7.3125C16.8024 7.06437 16.9017 6.82686 17.0772 6.6514C17.2526 6.47594 17.4901 6.37664 17.7383 6.375H21.4008C21.6489 6.37664 21.8864 6.47594 22.0619 6.6514C22.2373 6.82686 22.3366 7.06437 22.3383 7.3125V10.975C22.3381 11.0975 22.3137 11.2187 22.2664 11.3317C22.219 11.4447 22.1498 11.5471 22.0626 11.6332C21.9754 11.7192 21.872 11.7871 21.7584 11.8329C21.6448 11.8787 21.5233 11.9015 21.4008 11.9Z" fill={color} />
+                <path d="M18.75 28.4375H11.25C4.4625 28.4375 1.5625 25.5375 1.5625 18.75V11.25C1.5625 4.4625 4.4625 1.5625 11.25 1.5625H18.75C25.5375 1.5625 28.4375 4.4625 28.4375 11.25V18.75C28.4375 25.5375 25.5375 28.4375 18.75 28.4375ZM11.25 3.4375C5.4875 3.4375 3.4375 5.4875 3.4375 11.25V18.75C3.4375 24.5125 5.4875 26.5625 11.25 26.5625H18.75C24.5125 26.5625 26.5625 24.5125 26.5625 18.75V11.25C26.5625 5.4875 24.5125 3.4375 18.75 3.4375H11.25Z" fill={color} />
+            </g>
+            <defs>
+                <clipPath id="clip0_4876_12912">
+                    <rect width='30' height='30' fill={color} />
+                </clipPath>
+            </defs>
+        </svg>
+
+    )
+}

package/src/components/Assets/Icons/IconComponents/ClassroomIcon.tsx

@@ -0,0 +1,28 @@
+import { useTheme } from "@mui/material";
+
+export const ClassroomsIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+   const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+      >
+        <path
+          id="presentation_1_"
+          data-name="presentation (1)"
+          d="M15.333,9.333h-.667v-6A3.337,3.337,0,0,0,11.333,0H4.667A3.337,3.337,0,0,0,1.333,3.333v6H.667a.667.667,0,1,0,0,1.333H7.333v2.667H6a2,2,0,0,0-2,2,.667.667,0,0,0,1.333,0A.667.667,0,0,1,6,14.667h4a.667.667,0,0,1,.667.667.667.667,0,0,0,1.333,0,2,2,0,0,0-2-2H8.667V10.667h6.667a.667.667,0,0,0,0-1.333Zm-12.667-6a2,2,0,0,1,2-2h6.667a2,2,0,0,1,2,2v6H2.667Z"
+          fill={color}
+        />
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/ConfigurationsIcon.tsx

@@ -0,0 +1,40 @@
+export const ConfigurationsIcon =({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+      >
+        <g id="settings-sliders" transform="translate(0 0)">
+          <path
+            id="Path_17828"
+            data-name="Path 17828"
+            d="M.667,3.167H2.491a2.485,2.485,0,0,0,4.8,0h8.046a.667.667,0,1,0,0-1.333H7.287a2.485,2.485,0,0,0-4.8,0H.667a.667.667,0,1,0,0,1.333ZM4.889,1.333A1.167,1.167,0,1,1,3.722,2.5,1.167,1.167,0,0,1,4.889,1.333Z"
+            fill={color}
+          />
+          <path
+            id="Path_17829"
+            data-name="Path 17829"
+            d="M15.333,10.083H13.509a2.485,2.485,0,0,0-4.8,0H.667a.667.667,0,1,0,0,1.333H8.713a2.485,2.485,0,0,0,4.8,0h1.824a.667.667,0,1,0,0-1.333Zm-4.222,1.833a1.167,1.167,0,1,1,1.167-1.167,1.167,1.167,0,0,1-1.167,1.167Z"
+            transform="translate(0 -2.75)"
+            fill={color}
+          />
+          <path
+            id="Path_17830"
+            data-name="Path 17830"
+            d="M15.333,18.333H7.287a2.485,2.485,0,0,0-4.8,0H.667a.667.667,0,0,0,0,1.333H2.491a2.485,2.485,0,0,0,4.8,0h8.046a.667.667,0,0,0,0-1.333ZM4.889,20.167A1.167,1.167,0,1,1,6.055,19a1.167,1.167,0,0,1-1.167,1.167Z"
+            transform="translate(0 -5.5)"
+            fill={color}
+          />
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/DatabaseIcon.tsx

@@ -0,0 +1,35 @@
+import { useTheme } from "@mui/material";
+
+export const DatabaseIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+     const theme = useTheme();
+          color = color ?? theme.palette.text.primary;
+    return (
+      <>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width={size}
+          height={size}
+          viewBox="0 0 14.663 16"
+        >
+          <g
+            id="dice-d6_1_"
+            data-name="dice-d6 (1)"
+            transform="translate(-1 0.003)"
+          >
+            <path
+              id="Path_17994"
+              data-name="Path 17994"
+              d="M14.045,2.873l-4-2.4a3.324,3.324,0,0,0-3.429,0l-4,2.4A3.351,3.351,0,0,0,1,5.731v4.532a3.351,3.351,0,0,0,1.618,2.858l4,2.4a3.323,3.323,0,0,0,3.429,0l4-2.4a3.351,3.351,0,0,0,1.618-2.858V5.731a3.351,3.351,0,0,0-1.618-2.858ZM7.3,1.617a1.992,1.992,0,0,1,2.057,0l4,2.4a1.985,1.985,0,0,1,.307.227l-5.332,3.2L3,4.244a1.953,1.953,0,0,1,.307-.227Zm-4,10.361a2.01,2.01,0,0,1-.971-1.715V5.731a1.92,1.92,0,0,1,.026-.317L7.665,8.6v5.951a2.014,2.014,0,0,1-.362-.171ZM14.33,10.263a2.011,2.011,0,0,1-.971,1.715l-4,2.4A2.014,2.014,0,0,1,9,14.549V8.6L14.3,5.414a1.92,1.92,0,0,1,.026.317Z"
+              fill={color}
+            />
+          </g>
+        </svg>
+      </>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/EvaluationIcon.tsx

@@ -0,0 +1,82 @@
+import { useTheme } from "@mui/material";
+
+export const EvaluationIcon = ({
+    color,
+    size = 16,
+  }: {
+ color?: string;
+    size?: number;
+  }) => {
+      const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 15.573 16.26"
+      >
+        <g
+          id="vuesax_linear_user-search"
+          data-name="vuesax/linear/user-search"
+          transform="translate(-428 -187.4)"
+        >
+          <g id="user-search" transform="translate(428 188)">
+            <path
+              id="Vector"
+              d="M7.406,3.7A3.7,3.7,0,1,1,3.7,0,3.7,3.7,0,0,1,7.406,3.7Z"
+              transform="translate(3.616)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-2"
+              data-name="Vector"
+              d="M0,5.184C0,2.318,2.851,0,6.362,0"
+              transform="translate(0.957 9.627)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <g id="Group" transform="translate(9.54 9.627)">
+              <path
+                id="Vector-3"
+                data-name="Vector"
+                d="M4.74,2.37A2.37,2.37,0,1,1,2.37,0,2.37,2.37,0,0,1,4.74,2.37Z"
+                transform="translate(0 0)"
+                fill="none"
+                stroke="#000000"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.2"
+              />
+              <path
+                id="Vector-4"
+                data-name="Vector"
+                d="M.741.741,0,0"
+                transform="translate(4.443 4.443)"
+                fill="none"
+                stroke="#000000"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="1.2"
+              />
+            </g>
+            <path
+              id="Vector-5"
+              data-name="Vector"
+              d="M0,0H14.812V14.812H0Z"
+              fill="none"
+              opacity="0"
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/FormBuilderIcon.tsx

@@ -0,0 +1,80 @@
+import { useTheme } from "@mui/material";
+
+export const FormBuilderIcon =({
+    color,
+    size = 16,
+  }: {
+ color?: string;
+    size?: number;
+  }) => {
+      const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 17.2"
+      >
+        <g
+          id="vuesax_linear_directbox-notif"
+          data-name="vuesax/linear/directbox-notif"
+          transform="translate(-172 -185.4)"
+        >
+          <g id="directbox-notif" transform="translate(172 186)">
+            <path
+              id="Vector"
+              d="M3.2,0C0,0,0,1.432,0,3.2V4C0,6.208,0,8,4,8h6.4c3.2,0,4-1.792,4-4V3.2c0-1.768,0-3.2-3.2-3.2A1.889,1.889,0,0,0,9.76.48l-.816.864a2.4,2.4,0,0,1-3.5,0L4.64.48A1.889,1.889,0,0,0,3.2,0Z"
+              transform="translate(0.799 8)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-2"
+              data-name="Vector"
+              d="M11.2,8V3.2C11.2,1.432,11.2,0,8,0H3.2C0,0,0,1.432,0,3.2V8"
+              transform="translate(2.399 0)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-3"
+              data-name="Vector"
+              d="M0,0H2.664"
+              transform="translate(6.838 5.784)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-4"
+              data-name="Vector"
+              d="M0,0H4"
+              transform="translate(6.175 3.384)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-5"
+              data-name="Vector"
+              d="M0,0H16V16H0Z"
+              fill="none"
+              opacity="0"
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/InternalExamsIcon.tsx

@@ -0,0 +1,27 @@
+import { useTheme } from "@mui/material";
+
+export const InternalExamsIcon = ({
+    color,
+    size = 16,
+  }: {
+    color?: string;
+    size?: number;
+  }) => {
+       const theme = useTheme();
+                  color = color ?? theme.palette.text.primary;
+    return (
+        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_4876_12925)">
+                <path d="M6.92447 24.4004C6.19032 24.4145 5.47882 24.146 4.93697 23.6504C4.60711 23.3231 4.35843 22.9232 4.21083 22.4825C4.06323 22.0419 4.02081 21.5729 4.08697 21.1129L4.54947 17.0629C4.67892 16.1989 5.05675 15.3911 5.63697 14.7379L15.8995 3.87543C18.462 1.16293 21.137 1.08793 23.8495 3.65043C26.562 6.21293 26.637 8.88793 24.0745 11.6004L13.8145 22.4629C13.194 23.0782 12.4079 23.4995 11.552 23.6754L7.52697 24.3629C7.31447 24.3754 7.12447 24.4004 6.92447 24.4004ZM19.912 3.63793C19.391 3.69282 18.8869 3.85431 18.431 4.11236C17.9751 4.37042 17.5772 4.71951 17.262 5.13793L6.99947 16.0129C6.70536 16.3759 6.50375 16.8049 6.41197 17.2629L5.94947 21.3129C5.9158 21.4837 5.92318 21.66 5.97099 21.8273C6.0188 21.9946 6.10568 22.1482 6.22447 22.2754C6.35861 22.3856 6.51643 22.4633 6.68558 22.5023C6.85472 22.5413 7.03061 22.5407 7.19947 22.5004L11.2245 21.8129C11.6765 21.7008 12.0933 21.4773 12.437 21.1629L22.6995 10.3004C24.2495 8.65043 24.812 7.12543 22.5495 5.00043C21.8807 4.22081 20.9348 3.73214 19.912 3.63793Z" fill={color} />
+                <path d="M21.6741 13.6876H21.5866C19.6921 13.502 17.9133 12.6912 16.5305 11.3831C15.1477 10.075 14.2395 8.34384 13.9491 6.46259C13.9137 6.21601 13.9764 5.96539 14.1236 5.76444C14.2708 5.5635 14.4908 5.42821 14.7366 5.38759C14.9832 5.35221 15.2338 5.41484 15.4347 5.56205C15.6357 5.70925 15.771 5.92932 15.8116 6.17509C16.0405 7.64589 16.7515 8.99897 17.8331 10.0217C18.9146 11.0444 20.3053 11.6788 21.7866 11.8251C22.0333 11.8507 22.2598 11.9728 22.4168 12.1649C22.5737 12.3569 22.6482 12.6033 22.6241 12.8501C22.5929 13.0806 22.4796 13.2921 22.3052 13.4459C22.1307 13.5997 21.9067 13.6855 21.6741 13.6876Z" fill={color}/>
+                <path d="M26.25 28.4375H3.75C3.50187 28.4359 3.26436 28.3366 3.0889 28.1611C2.91344 27.9856 2.81414 27.7481 2.8125 27.5C2.81414 27.2519 2.91344 27.0144 3.0889 26.8389C3.26436 26.6634 3.50187 26.5641 3.75 26.5625H26.25C26.4981 26.5641 26.7356 26.6634 26.9111 26.8389C27.0866 27.0144 27.1859 27.2519 27.1875 27.5C27.1859 27.7481 27.0866 27.9856 26.9111 28.1611C26.7356 28.3366 26.4981 28.4359 26.25 28.4375Z" fill={color}/>
+            </g>
+            <defs>
+                <clipPath id="clip0_4876_12925">
+                    <rect width="30" height="30" fill={color} />
+                </clipPath>
+            </defs>
+        </svg>
+
+    )
+}

package/src/components/Assets/Icons/IconComponents/InvigilationIcon.tsx

@@ -0,0 +1,70 @@
+import { useTheme } from "@mui/material";
+
+export const InvigilationIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+   const theme = useTheme();
+        color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 14.861 16.197"
+      >
+        <g
+          id="vuesax_linear_shield-search"
+          data-name="vuesax/linear/shield-search"
+          transform="translate(-620 -187.312)"
+        >
+          <g id="shield-search" transform="translate(620 188)">
+            <path
+              id="Vector"
+              d="M12.763,6.353V3.805A2.579,2.579,0,0,0,11.21,1.562L7.5.173a3.729,3.729,0,0,0-2.243,0l-3.707,1.4A2.578,2.578,0,0,0,0,3.805v5.52A3.612,3.612,0,0,0,1.285,11.88L4.48,14.265a3.131,3.131,0,0,0,1.9.594"
+              transform="translate(1.023)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.3"
+            />
+            <path
+              id="Vector-2"
+              data-name="Vector"
+              d="M4.785,2.393A2.393,2.393,0,1,1,2.393,0,2.393,2.393,0,0,1,4.785,2.393Z"
+              transform="translate(8.056 8.082)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-3"
+              data-name="Vector"
+              d="M0,0H14.861V14.861H0Z"
+              transform="translate(14.861 14.861) rotate(180)"
+              fill="none"
+              opacity="0"
+            />
+            <path
+              id="Vector-4"
+              data-name="Vector"
+              d="M.5.5H.5"
+              transform="translate(12.942 12.965)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/LegacyIcon.tsx

@@ -0,0 +1,28 @@
+import { useTheme } from '@mui/material/styles';
+
+export const LegacyIcon = ({
+    color,
+    size = 16,
+  }: {
+ color?: string;
+    size?: number;
+  }) => {
+    const theme = useTheme();
+    const fillColor = color || theme.palette.text.primary;
+
+    return (
+        <svg width={size} height={size} viewBox="0 0 30 30" fill={fillColor} xmlns="http://www.w3.org/2000/svg">
+            <g clipPath="url(#clip0_4920_10987)">
+                <path d="M15.0004 27.8127C13.9551 27.8136 12.9377 27.4759 12.1004 26.8502L5.58789 21.9752C4.9881 21.5223 4.50113 20.937 4.16503 20.2647C3.82893 19.5925 3.6528 18.8517 3.65039 18.1002L3.65039 2.2002H26.3504V18.1002C26.348 18.8517 26.1718 19.5925 25.8357 20.2647C25.4996 20.937 25.0127 21.5223 24.4129 21.9752L17.9004 26.8502C17.0631 27.4759 16.0457 27.8136 15.0004 27.8127ZM5.52539 4.0627V18.0877C5.52882 18.548 5.63763 19.0013 5.84348 19.413C6.04932 19.8247 6.34673 20.1838 6.71289 20.4627L13.2254 25.3377C13.7401 25.7212 14.3648 25.9283 15.0066 25.9283C15.6485 25.9283 16.2732 25.7212 16.7879 25.3377L23.3004 20.4627C23.6665 20.1838 23.964 19.8247 24.1698 19.413C24.3757 19.0013 24.4845 18.548 24.4879 18.0877V4.0627H5.52539Z" fill={fillColor} />
+                <path d="M27.5 4.0625H2.5C2.25187 4.06086 2.01436 3.96156 1.8389 3.7861C1.66344 3.61064 1.56414 3.37313 1.5625 3.125C1.56414 2.87687 1.66344 2.63936 1.8389 2.4639C2.01436 2.28844 2.25187 2.18914 2.5 2.1875L27.5 2.1875C27.7481 2.18914 27.9856 2.28844 28.1611 2.4639C28.3366 2.63936 28.4359 2.87687 28.4375 3.125C28.4359 3.37313 28.3366 3.61064 28.1611 3.7861C27.9856 3.96156 27.7481 4.06086 27.5 4.0625Z" fill={fillColor} />
+                <path d="M20 10.9375H10C9.75187 10.9359 9.51436 10.8366 9.3389 10.6611C9.16344 10.4856 9.06414 10.2481 9.0625 10C9.06414 9.75187 9.16344 9.51436 9.3389 9.3389C9.51436 9.16344 9.75187 9.06414 10 9.0625H20C20.2481 9.06414 20.4856 9.16344 20.6611 9.3389C20.8366 9.51436 20.9359 9.75187 20.9375 10C20.9359 10.2481 20.8366 10.4856 20.6611 10.6611C20.4856 10.8366 20.2481 10.9359 20 10.9375Z" fill={fillColor} />
+                <path d="M20 17.1875H10C9.75187 17.1859 9.51436 17.0866 9.3389 16.9111C9.16344 16.7356 9.06414 16.4981 9.0625 16.25C9.06414 16.0019 9.16344 15.7644 9.3389 15.5889C9.51436 15.4134 9.75187 15.3141 10 15.3125H20C20.2481 15.3141 20.4856 15.4134 20.6611 15.5889C20.8366 15.7644 20.9359 16.0019 20.9375 16.25C20.9359 16.4981 20.8366 16.7356 20.6611 16.9111C20.4856 17.0866 20.2481 17.1859 20 17.1875Z" fill={fillColor} />
+            </g>
+            <defs>
+                <clipPath id="clip0_4920_10987">
+                    <rect width="30" height="30" fill="white" />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};

package/src/components/Assets/Icons/IconComponents/MenteesIcon.tsx

@@ -0,0 +1,30 @@
+import { useTheme } from "@mui/material";
+
+export const MenteesIcon =  ({
+    color,
+    size = 16,
+  }: {
+    color?: string;
+    size?: number;
+  }) => {
+      const theme = useTheme();
+         color = color ?? theme.palette.text.primary;
+    return (
+        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_4876_12915)">
+                <path d="M22.4996 9.88762H22.3371C21.3278 9.79238 20.3967 9.30298 19.7459 8.52562C19.0951 7.74826 18.7771 6.74563 18.8608 5.73528C18.9446 4.72493 19.4233 3.78835 20.1932 3.12874C20.9631 2.46914 21.9621 2.13971 22.9733 2.21194C23.9845 2.28417 24.9265 2.75223 25.5949 3.51457C26.2632 4.27691 26.604 5.27203 26.5433 6.28403C26.4825 7.29602 26.0252 8.24327 25.2706 8.92024C24.5159 9.59721 23.5247 9.9493 22.5121 9.90012C22.5121 9.88762 22.5121 9.88762 22.4996 9.88762ZM22.3746 3.43762C21.7783 3.44229 21.2073 3.67952 20.7833 4.0988C20.3593 4.51809 20.1156 5.08631 20.1042 5.68254C20.0928 6.27876 20.3145 6.85589 20.7222 7.29108C21.1299 7.72627 21.6914 7.98515 22.2871 8.01262C22.3614 7.99858 22.4378 7.99858 22.5121 8.01262C23.1131 7.98627 23.6795 7.72438 24.0889 7.2836C24.4982 6.84282 24.7176 6.25859 24.6996 5.65731C24.6815 5.05603 24.4274 4.48604 23.9923 4.07064C23.5572 3.65524 22.9761 3.42783 22.3746 3.43762Z" fill={color} />
+                <path d="M22.5133 19.1C22.023 19.1019 21.5336 19.0601 21.0508 18.975C20.9293 18.9537 20.8132 18.9087 20.7091 18.8424C20.6051 18.7762 20.5151 18.6902 20.4443 18.5892C20.3735 18.4882 20.3233 18.3743 20.2965 18.2539C20.2697 18.1335 20.2669 18.009 20.2883 17.8875C20.3096 17.7661 20.3547 17.65 20.4209 17.5459C20.4871 17.4419 20.5731 17.3519 20.6741 17.2811C20.7751 17.2103 20.889 17.16 21.0094 17.1333C21.1298 17.1065 21.2543 17.1037 21.3758 17.125C22.8365 17.4019 24.348 17.1351 25.6258 16.375C25.8772 16.2406 26.0912 16.0457 26.2483 15.8078C26.4055 15.5699 26.5008 15.2966 26.5258 15.0125C26.4979 14.731 26.4012 14.4606 26.2442 14.2252C26.0873 13.9898 25.8749 13.7966 25.6258 13.6625C24.3353 12.8996 22.8095 12.6371 21.3383 12.925C21.2166 12.9478 21.0917 12.9461 20.9708 12.9199C20.8499 12.8937 20.7354 12.8437 20.6341 12.7726C20.5328 12.7016 20.4467 12.611 20.3808 12.5063C20.315 12.4015 20.2708 12.2846 20.2508 12.1625C20.2292 12.0411 20.2318 11.9165 20.2585 11.796C20.2852 11.6755 20.3354 11.5615 20.4062 11.4605C20.4771 11.3594 20.5671 11.2734 20.6713 11.2072C20.7755 11.1411 20.8917 11.0962 21.0133 11.075C22.9585 10.6969 24.9748 11.0627 26.6633 12.1C27.1723 12.4027 27.5977 12.8275 27.9011 13.3361C28.2045 13.8447 28.3762 14.4209 28.4008 15.0125C28.3768 15.6065 28.2054 16.1852 27.9021 16.6965C27.5988 17.2077 27.1731 17.6355 26.6633 17.9413C25.4205 18.7194 23.9794 19.1218 22.5133 19.1Z" fill={color} />
+                <path d="M7.46328 9.88716H7.43828C6.34908 9.84947 5.31826 9.38546 4.56787 8.59508C3.81747 7.8047 3.40755 6.75121 3.4264 5.66151C3.44525 4.57182 3.89137 3.53313 4.66865 2.76918C5.44593 2.00523 6.49218 1.57715 7.58203 1.57715C8.67189 1.57715 9.71814 2.00523 10.4954 2.76918C11.2727 3.53313 11.7188 4.57182 11.7377 5.66151C11.7565 6.75121 11.3466 7.8047 10.5962 8.59508C9.8458 9.38546 8.81499 9.84947 7.72578 9.88716L7.46328 8.94966L7.55078 9.88716H7.46328ZM7.58828 8.01216C7.65934 8.01009 7.73045 8.01427 7.80078 8.02466C8.40186 7.98255 8.96311 7.70872 9.36625 7.2609C9.76939 6.81308 9.98293 6.22623 9.96186 5.62405C9.94079 5.02186 9.68676 4.45138 9.25331 4.03283C8.81985 3.61427 8.24083 3.38035 7.63828 3.38035C7.03573 3.38035 6.45671 3.61427 6.02326 4.03283C5.5898 4.45138 5.33577 5.02186 5.3147 5.62405C5.29363 6.22623 5.50717 6.81308 5.91031 7.2609C6.31345 7.70872 6.8747 7.98255 7.47578 8.02466C7.51183 8.01195 7.55032 8.00767 7.58828 8.01216Z" fill={color} />
+                <path d="M7.45 19.1C5.9839 19.1218 4.54276 18.7194 3.3 17.9413C2.78997 17.6358 2.36406 17.2081 2.06072 16.6967C1.75738 16.1854 1.58615 15.6066 1.5625 15.0125C1.58858 14.4212 1.76096 13.8456 2.0642 13.3373C2.36744 12.829 2.79206 12.4039 3.3 12.1C4.98845 11.0627 7.00476 10.6969 8.95 11.075C9.07157 11.0962 9.18777 11.1411 9.29194 11.2072C9.39612 11.2734 9.48621 11.3594 9.55704 11.4605C9.62788 11.5615 9.67808 11.6755 9.70476 11.796C9.73144 11.9165 9.73407 12.0411 9.7125 12.1625C9.69247 12.2846 9.64824 12.4015 9.58242 12.5063C9.51659 12.611 9.4305 12.7016 9.32919 12.7726C9.22789 12.8437 9.11341 12.8937 8.99248 12.9199C8.87155 12.9461 8.74661 12.9478 8.625 12.925C7.15374 12.6379 5.62827 12.9003 4.3375 13.6625C4.08664 13.7945 3.87284 13.9871 3.71562 14.223C3.5584 14.4588 3.46278 14.7302 3.4375 15.0125C3.46545 15.2957 3.56202 15.5678 3.71884 15.8052C3.87567 16.0426 4.08802 16.2382 4.3375 16.375C5.61524 17.1351 7.12678 17.4019 8.5875 17.125C8.70897 17.1037 8.83346 17.1065 8.95385 17.1333C9.07424 17.16 9.18819 17.2103 9.28917 17.2811C9.39015 17.3519 9.4762 17.4419 9.5424 17.5459C9.6086 17.65 9.65366 17.7661 9.675 17.8875C9.69634 18.009 9.69355 18.1335 9.66677 18.2539C9.64001 18.3743 9.58978 18.4882 9.51898 18.5892C9.44817 18.6902 9.35817 18.7762 9.25411 18.8424C9.15005 18.9087 9.03397 18.9537 8.9125 18.975C8.42968 19.0601 7.94025 19.1019 7.45 19.1Z" fill={color} />
+                <path d="M14.9996 19.2245H14.8371C13.8278 19.1293 12.8967 18.6399 12.2459 17.8625C11.5951 17.0852 11.2771 16.0825 11.3608 15.0722C11.4446 14.0618 11.9233 13.1253 12.6932 12.4657C13.4631 11.806 14.4621 11.4766 15.4733 11.5489C16.4845 11.6211 17.4265 12.0891 18.0949 12.8515C18.7632 13.6138 19.104 14.6089 19.0433 15.6209C18.9825 16.6329 18.5252 17.5802 17.7706 18.2572C17.0159 18.9341 16.0247 19.2862 15.0121 19.237C15.0121 19.2245 15.0121 19.2245 14.9996 19.2245ZM14.8746 12.7745C14.2783 12.7792 13.7073 13.0164 13.2833 13.4357C12.8593 13.855 12.6156 14.4232 12.6042 15.0195C12.5928 15.6157 12.8145 16.1928 13.2222 16.628C13.6299 17.0632 14.1914 17.3221 14.7871 17.3495C14.8614 17.3355 14.9378 17.3355 15.0121 17.3495C15.6131 17.3232 16.1795 17.0613 16.5889 16.6205C16.9982 16.1797 17.2176 15.5955 17.1996 14.9942C17.1815 14.3929 16.9274 13.8229 16.4923 13.4076C16.0572 12.9922 15.4761 12.7647 14.8746 12.7745Z" fill={color} />
+                <path d="M14.9996 28.4503C13.5268 28.4759 12.0791 28.0673 10.8371 27.2753C10.3281 26.9727 9.90265 26.5478 9.59926 26.0393C9.29587 25.5307 9.12413 24.9545 9.09961 24.3628C9.12276 23.7692 9.29381 23.1907 9.59723 22.6799C9.90065 22.1691 10.3268 21.7422 10.8371 21.4378C12.0924 20.6774 13.532 20.2754 14.9996 20.2754C16.4672 20.2754 17.9068 20.6774 19.1621 21.4378C19.6711 21.7405 20.0966 22.1653 20.4 22.6739C20.7034 23.1825 20.8751 23.7587 20.8996 24.3503C20.8765 24.944 20.7054 25.5225 20.402 26.0333C20.0986 26.5441 19.6724 26.971 19.1621 27.2753C17.9177 28.0619 16.4716 28.4701 14.9996 28.4503ZM11.8746 23.0128C11.6232 23.1472 11.4092 23.3422 11.252 23.5801C11.0949 23.818 10.9995 24.0913 10.9746 24.3753C11.0025 24.6569 11.0992 24.9273 11.2561 25.1627C11.4131 25.3981 11.6255 25.5913 11.8746 25.7253C12.819 26.2841 13.8961 26.5788 14.9934 26.5788C16.0906 26.5788 17.1677 26.2841 18.1121 25.7253C18.3636 25.5909 18.5775 25.396 18.7347 25.1581C18.8918 24.9202 18.9872 24.6469 19.0121 24.3628C18.9842 24.0813 18.8875 23.8109 18.7306 23.5755C18.5737 23.3401 18.3613 23.1469 18.1121 23.0128C17.1666 22.4573 16.09 22.1644 14.9934 22.1644C13.8968 22.1644 12.8201 22.4573 11.8746 23.0128Z" fill={color} />
+            </g>
+            <defs>
+                <clipPath id="clip0_4876_12915">
+                    <rect width="30" height="30" fill={color} />
+                </clipPath>
+            </defs>
+        </svg>
+
+    )
+}

package/src/components/Assets/Icons/IconComponents/MentorsIcon.tsx

@@ -0,0 +1,65 @@
+import { useTheme } from "@mui/material";
+
+export const MentorsIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+   const theme = useTheme();
+           color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+        id="mode-portrait"
+        fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 16 16"
+      >
+        <path
+          id="Path_19234"
+          data-name="Path 19234"
+          d="M20.667,16a.667.667,0,0,0-.667.667V18a2,2,0,0,1-2,2H16.667a.667.667,0,0,0,0,1.333H18A3.337,3.337,0,0,0,21.333,18V16.667A.667.667,0,0,0,20.667,16Z"
+          transform="translate(-5.333 -5.333)"
+          fill={color}
+        />
+        <path
+          id="Path_19235"
+          data-name="Path 19235"
+          d="M.667,5.333a.667.667,0,0,0,.667-.667V3.333a2,2,0,0,1,2-2H4.667A.667.667,0,0,0,4.667,0H3.333A3.337,3.337,0,0,0,0,3.333V4.667a.667.667,0,0,0,.667.667Z"
+          transform="translate(0 0)"
+          fill={color}
+        />
+        <path
+          id="Path_19236"
+          data-name="Path 19236"
+          d="M4.667,20H3.333a2,2,0,0,1-2-2V16.667a.667.667,0,0,0-1.333,0V18a3.337,3.337,0,0,0,3.333,3.333H4.667a.667.667,0,0,0,0-1.333Z"
+          transform="translate(0 -5.333)"
+          fill={color}
+        />
+        <path
+          id="Path_19237"
+          data-name="Path 19237"
+          d="M18,0H16.667a.667.667,0,0,0,0,1.333H18a2,2,0,0,1,2,2V4.667a.667.667,0,0,0,1.333,0V3.333A3.337,3.337,0,0,0,18,0Z"
+          transform="translate(-5.333 0)"
+          fill={color}
+        />
+        <path
+          id="Path_19238"
+          data-name="Path 19238"
+          d="M10.667,8.333A2.667,2.667,0,1,0,8,5.667a2.667,2.667,0,0,0,2.667,2.667Zm0-4A1.333,1.333,0,1,1,9.333,5.667,1.333,1.333,0,0,1,10.667,4.333Z"
+          transform="translate(-2.667 -1)"
+          fill={color}
+        />
+        <path
+          id="Path_19239"
+          data-name="Path 19239"
+          d="M13.667,17.667A.667.667,0,0,0,14.333,17a4,4,0,0,0-4-4H9a4,4,0,0,0-4,4,.667.667,0,1,0,1.333,0A2.667,2.667,0,0,1,9,14.333h1.333A2.667,2.667,0,0,1,13,17,.667.667,0,0,0,13.667,17.667Z"
+          transform="translate(-1.667 -4.333)"
+          fill={color}
+        />
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/MoreVertIcon.tsx

@@ -0,0 +1,35 @@
+import { useTheme } from '@mui/material';
+
+export const MoreVertIcon = ({ size = 16 }) => {
+  const theme = useTheme();
+  const color = theme.palette.text.primary;
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 21 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.28 17C9.576 17 9 16.424 9 15.72C9 15.016 9.576 14.44 10.28 14.44C10.984 14.44 11.56 15.016 11.56 15.72C11.56 16.424 10.984 17 10.28 17Z"
+        fill={color}
+        stroke="#121212"
+        strokeWidth="0.4"
+      />
+      <path
+        d="M10.28 6.54688C9.576 6.54688 9 5.97087 9 5.26687C9 4.56287 9.576 3.98687 10.28 3.98687C10.984 3.98687 11.56 4.56287 11.56 5.26687C11.56 5.97087 10.984 6.54688 10.28 6.54688Z"
+        fill={color}
+        stroke="#121212"
+        strokeWidth="0.4"
+      />
+      <path
+        d="M10.28 9.21345C10.984 9.21345 11.56 9.78945 11.56 10.4935C11.56 11.1975 10.984 11.7734 10.28 11.7734C9.576 11.7734 9 11.1975 9 10.4935C9 9.78945 9.576 9.21345 10.28 9.21345Z"
+        fill={color}
+        stroke="#121212"
+        strokeWidth="0.4"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/RoomsIcon.tsx

@@ -0,0 +1,102 @@
+import { useTheme } from "@mui/material";
+
+export const RoomsIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+   const theme = useTheme();
+        color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill={color}
+        width={size}
+        height={size}
+        viewBox="0 0 15.635 15.636"
+      >
+        <g
+          id="vuesax_linear_buildings-2"
+          data-name="vuesax/linear/buildings-2"
+          transform="translate(-491.4 -187.4)"
+        >
+          <g id="buildings-2" transform="translate(492 188)">
+            <path
+              id="Vector"
+              d="M3.392,11.548H1.552A1.374,1.374,0,0,1,0,10V1.552A1.374,1.374,0,0,1,1.552,0h3.1A1.374,1.374,0,0,1,6.207,1.552V2.887"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-2"
+              data-name="Vector"
+              d="M7.7,1.747V9.8a1.541,1.541,0,0,1-1.739,1.747H1.747A1.546,1.546,0,0,1,0,9.8V1.747A1.546,1.546,0,0,1,1.747,0H5.962A1.541,1.541,0,0,1,7.7,1.747Z"
+              transform="translate(3.392 2.887)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-3"
+              data-name="Vector"
+              d="M0,2.887V1.552A1.374,1.374,0,0,1,1.552,0h3.1A1.374,1.374,0,0,1,6.207,1.552V10a1.374,1.374,0,0,1-1.552,1.552H2.865"
+              transform="translate(8.228)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-4"
+              data-name="Vector"
+              d="M0,0H2.887"
+              transform="translate(5.774 6.496)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-5"
+              data-name="Vector"
+              d="M0,0H2.887"
+              transform="translate(5.774 8.661)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-6"
+              data-name="Vector"
+              d="M0,2.165V0"
+              transform="translate(7.218 12.271)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.2"
+            />
+            <path
+              id="Vector-7"
+              data-name="Vector"
+              d="M0,0H14.435V14.435H0Z"
+              transform="translate(0 0)"
+              fill="none"
+              opacity="0"
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/SeatingPlan.tsx

@@ -0,0 +1,30 @@
+import { useTheme } from "@mui/material";
+
+export const SeatingPlan = ({
+    color,
+    size = 16,
+  }: {
+ color?: string;
+    size?: number;
+  }) => {
+      const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+        <svg width={size} height={size} viewBox="0 0 30 30" fill={color} xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_4920_11016)">
+                <path d="M26.25 25.3125H13.75C13.5019 25.3109 13.2644 25.2116 13.0889 25.0361C12.9134 24.8606 12.8141 24.6231 12.8125 24.375C12.8141 24.1269 12.9134 23.8894 13.0889 23.7139C13.2644 23.5384 13.5019 23.4391 13.75 23.4375H26.25C26.4981 23.4391 26.7356 23.5384 26.9111 23.7139C27.0866 23.8894 27.1859 24.1269 27.1875 24.375C27.1859 24.6231 27.0866 24.8606 26.9111 25.0361C26.7356 25.2116 26.4981 25.3109 26.25 25.3125Z" fill={color} />
+                <path d="M26.25 16.5625H13.75C13.5019 16.5609 13.2644 16.4616 13.0889 16.2861C12.9134 16.1106 12.8141 15.8731 12.8125 15.625C12.8141 15.3769 12.9134 15.1394 13.0889 14.9639C13.2644 14.7884 13.5019 14.6891 13.75 14.6875H26.25C26.4981 14.6891 26.7356 14.7884 26.9111 14.9639C27.0866 15.1394 27.1859 15.3769 27.1875 15.625C27.1859 15.8731 27.0866 16.1106 26.9111 16.2861C26.7356 16.4616 26.4981 16.5609 26.25 16.5625Z" fill={color} />
+                <path d="M26.25 7.8125H13.75C13.5019 7.81086 13.2644 7.71156 13.0889 7.5361C12.9134 7.36064 12.8141 7.12313 12.8125 6.875C12.8141 6.62687 12.9134 6.38936 13.0889 6.2139C13.2644 6.03844 13.5019 5.93914 13.75 5.9375H26.25C26.4981 5.93914 26.7356 6.03844 26.9111 6.2139C27.0866 6.38936 27.1859 6.62687 27.1875 6.875C27.1859 7.12313 27.0866 7.36064 26.9111 7.5361C26.7356 7.71156 26.4981 7.81086 26.25 7.8125Z" fill={color} />
+                <path d="M4.99995 9.06592C4.87679 9.06637 4.75478 9.04228 4.64104 8.99506C4.52729 8.94785 4.42409 8.87845 4.33745 8.79092L3.08745 7.54092C2.99534 7.4551 2.92146 7.3516 2.87022 7.2366C2.81898 7.1216 2.79143 6.99746 2.78921 6.87158C2.78699 6.7457 2.81014 6.62066 2.85729 6.50393C2.90445 6.38719 2.97463 6.28115 3.06365 6.19213C3.15267 6.1031 3.25872 6.03292 3.37545 5.98577C3.49219 5.93862 3.61722 5.91546 3.7431 5.91769C3.86898 5.91991 3.99312 5.94746 4.10812 5.9987C4.22312 6.04994 4.32662 6.12382 4.41245 6.21592L4.99995 6.80342L8.08745 3.71342C8.17328 3.62132 8.27678 3.54744 8.39178 3.4962C8.50677 3.44496 8.63092 3.41741 8.75679 3.41518C8.88267 3.41296 9.00771 3.43612 9.12444 3.48327C9.24118 3.53042 9.34722 3.6006 9.43625 3.68963C9.52527 3.77865 9.59545 3.88469 9.6426 4.00143C9.68975 4.11816 9.71291 4.2432 9.71069 4.36908C9.70847 4.49496 9.68091 4.6191 9.62967 4.7341C9.57843 4.8491 9.50456 4.9526 9.41245 5.03842L5.66245 8.78842C5.57602 8.8764 5.47291 8.94626 5.35915 8.99391C5.2454 9.04156 5.12328 9.06604 4.99995 9.06592Z" fill={color} />
+                <path d="M5.00005 17.816C4.8769 17.8165 4.75489 17.7924 4.64114 17.7452C4.5274 17.698 4.42419 17.6286 4.33755 17.541L3.08755 16.291C2.92195 16.1133 2.8318 15.8783 2.83608 15.6354C2.84037 15.3925 2.93876 15.1608 3.11053 14.989C3.28229 14.8172 3.51402 14.7188 3.7569 14.7146C3.99978 14.7103 4.23483 14.8004 4.41255 14.966L5.00005 15.5535L8.08755 12.4635C8.26527 12.2979 8.50033 12.2078 8.74321 12.2121C8.98608 12.2163 9.21781 12.3147 9.38958 12.4865C9.56135 12.6583 9.65974 12.89 9.66402 13.1329C9.66831 13.3758 9.57815 13.6108 9.41255 13.7885L5.66255 17.5385C5.57612 17.6265 5.47301 17.6964 5.35926 17.744C5.2455 17.7917 5.12338 17.8161 5.00005 17.816Z" fill={color} />
+                <path d="M4.99995 26.566C4.87679 26.5665 4.75478 26.5424 4.64104 26.4952C4.52729 26.448 4.42409 26.3786 4.33745 26.291L3.08745 25.041C2.99534 24.9552 2.92146 24.8517 2.87022 24.7367C2.81898 24.6217 2.79143 24.4976 2.78921 24.3717C2.78699 24.2458 2.81014 24.1208 2.85729 24.004C2.90445 23.8873 2.97463 23.7813 3.06365 23.6922C3.15267 23.6032 3.25872 23.533 3.37545 23.4859C3.49219 23.4387 3.61722 23.4156 3.7431 23.4178C3.86898 23.42 3.99312 23.4476 4.10812 23.4988C4.22312 23.55 4.32662 23.6239 4.41245 23.716L4.99995 24.3035L8.08745 21.2135C8.26517 21.0479 8.50022 20.9578 8.7431 20.9621C8.98598 20.9663 9.21771 21.0647 9.38948 21.2365C9.56124 21.4083 9.65963 21.64 9.66392 21.8829C9.6682 22.1258 9.57805 22.3608 9.41245 22.5385L5.66245 26.2885C5.57602 26.3765 5.47291 26.4464 5.35915 26.494C5.2454 26.5417 5.12328 26.5661 4.99995 26.566Z" fill={color} />
+            </g>
+            <defs>
+                <clipPath id="clip0_4920_11016">
+                    <rect width="30" height="30" fill={color} />
+                </clipPath>
+            </defs>
+        </svg>
+
+    )
+}

package/src/components/Assets/Icons/IconComponents/SignaturesIcon.tsx

@@ -0,0 +1,91 @@
+import { useTheme } from "@mui/material";
+
+export const SignaturesIcon = ({
+    color,
+    size = 16,
+  }: {
+ color?: string;
+    size?: number;
+  }) => {
+      const theme = useTheme();
+      color = color ?? theme.palette.text.primary;
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 14.93 14.824"
+      >
+        <g id="Signature" transform="translate(-19.4 -19.4)">
+          <path
+            id="Path_38615"
+            data-name="Path 38615"
+            d="M233.726,161.18h0a3.942,3.942,0,0,1,1.155-2.787l4.329-4.329a1.155,1.155,0,0,1,1.633,0h0a1.155,1.155,0,0,1,0,1.633l-4.329,4.329A3.942,3.942,0,0,1,233.726,161.18Z"
+            transform="translate(-207.557 -129.865)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+          <line
+            id="Line_1919"
+            data-name="Line 1919"
+            x1="1.633"
+            y1="1.633"
+            transform="translate(30.251 25.6)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+          <path
+            id="Path_38616"
+            data-name="Path 38616"
+            d="M30.391,31.983v.487a1.155,1.155,0,0,1-1.155,1.155H21.155A1.155,1.155,0,0,1,20,32.469V21.155A1.155,1.155,0,0,1,21.155,20H27.6a1.154,1.154,0,0,1,.816.338l1.633,1.633a1.154,1.154,0,0,1,.295.5"
+            transform="translate(0 0)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+          <path
+            id="Path_38617"
+            data-name="Path 38617"
+            d="M100,373.155a1.155,1.155,0,0,1,2.309,0h1.551"
+            transform="translate(-77.691 -341.84)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+          <line
+            id="Line_1920"
+            data-name="Line 1920"
+            x2="4"
+            transform="translate(22.013 23.014)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+          <line
+            id="Line_1921"
+            data-name="Line 1921"
+            x2="4"
+            transform="translate(22.013 26.014)"
+            fill="none"
+            stroke="#000000"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="1.2"
+          />
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/IconComponents/StopWatchIcon.tsx

@@ -0,0 +1,65 @@
+export const StopWatchIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+    return (
+      <svg
+      fill={color}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 15.249 16.549"
+      >
+        <g
+          id="vuesax_linear_timer"
+          data-name="vuesax/linear/timer"
+          transform="translate(-236 -187.35)"
+        >
+          <g id="timer" transform="translate(236 188)">
+            <path
+              id="Vector"
+              d="M13.343,6.671A6.671,6.671,0,1,1,6.671,0,6.674,6.674,0,0,1,13.343,6.671Z"
+              transform="translate(0.953 1.906)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.3"
+            />
+            <path
+              id="Vector-2"
+              data-name="Vector"
+              d="M0,0V3.812"
+              transform="translate(7.625 4.575)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.3"
+            />
+            <path
+              id="Vector-3"
+              data-name="Vector"
+              d="M0,0H4.575"
+              transform="translate(5.337)"
+              fill="none"
+              stroke="#000000"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="1.3"
+            />
+            <path
+              id="Vector-4"
+              data-name="Vector"
+              d="M0,0H15.249V15.249H0Z"
+              fill="none"
+              opacity="0"
+            />
+          </g>
+        </g>
+      </svg>
+    )
+  }

package/src/components/Assets/Icons/Icons.tsx

@@ -2,6 +2,7 @@ import { AcademicFeesIcon } from './IconComponents/AcademicFeesIcon';
 import { AcademicsIcon } from './IconComponents/AcademicIcon';
 import { AccordionArrow } from './IconComponents/AccordionArrow';
 import { ActiveDevicesIcon } from './IconComponents/ActiveDevicesIcon';
+import { ActivitylogsIcon } from './IconComponents/ActivityLogsIcon';
 import { AddSquare } from './IconComponents/AddSquare';
 import { AdminIcon } from './IconComponents/AdminIcon';
 import { AdministratorIcon } from './IconComponents/AdministratorIcon';
@@ -15,17 +16,20 @@ import { AssessmentsIcon } from './IconComponents/AssessmentsIcon';
 import { AssignmentIcon } from './IconComponents/AssignmentIcon';
 import { AttachmentIcon } from './IconComponents/AttachmentIcon';
 import { AttendanceIcon } from './IconComponents/AttendanceIcon';
+import { BarChartIcon } from './IconComponents/BarChartIcon';
 import { BookletIcon } from './IconComponents/BookletIcon';
 import { BulbIcon } from './IconComponents/BulbIcon';
 import { CalendarIcon } from './IconComponents/CalendarIcon';
 import { CampxFullLogoIcon } from './IconComponents/CampxFullLogoIcon';
 import { CampxIcon } from './IconComponents/CampxIcon';
 import { CareerIcon } from './IconComponents/CareerIcon';
+import { CareersIcon } from './IconComponents/CareersIcon';
 import { CautionIcon } from './IconComponents/CautionIcon';
 import { CertificateIcon } from './IconComponents/CertificatesIcon';
 import { CetIcon } from './IconComponents/CetIcon';
 import { CheckedCheckboxIcon } from './IconComponents/CheckedCheckBoxIcon';
 import { CheckedRadioIcon } from './IconComponents/CheckedRadioIcon';
+import { ClassroomsIcon } from './IconComponents/ClassroomIcon';
 import { ClearIcon } from './IconComponents/ClearIcon';
 import { ClogWheelIcon } from './IconComponents/ClogWheelIcon';
 import { CollapseIcon } from './IconComponents/CollapseIcon';
@@ -35,6 +39,7 @@ import { CommutexIcon } from './IconComponents/CommutexIcon';
 import { CompactIcon } from './IconComponents/CompactIcon';
 import { CompletedStateIcon } from './IconComponents/CompletedStateIcon';
 import { ConcessionIcon } from './IconComponents/ConcessionsIcon';
+import { ConfigurationsIcon } from './IconComponents/ConfigurationsIcon';
 import { ConfigureIcon } from './IconComponents/ConfigureIcon';
 import { CounsellorIcon } from './IconComponents/CounsellorsIcon';
 import { CourseInfoIcon } from './IconComponents/CourseInfoIcon';
@@ -42,6 +47,7 @@ import { CrossIcon } from './IconComponents/CrossIcon';
 import { CrossIcon2 } from './IconComponents/CrossIcon2';
 import DFormsIcon from './IconComponents/DFormsIcon';
 import { DashBoardIcon } from './IconComponents/DashBoardIcon';
+import { DatabaseIcon } from './IconComponents/DatabaseIcon';
 import { DeleteIcon } from './IconComponents/DeleteIcon';
 import { DeviceIcon } from './IconComponents/DeviceIcon';
 import { DocumentIcon } from './IconComponents/DocumentIcon';
@@ -51,6 +57,7 @@ import { DownloadIcon } from './IconComponents/DownloadIcon';
 import { EditIcon } from './IconComponents/EditIcon';
 import { EmailIcon } from './IconComponents/EmailIcon';
 import { EnrollxIcon } from './IconComponents/EnrollxIcon';
+import { EvaluationIcon } from './IconComponents/EvaluationIcon';
 import { ExamConfigurationIcon } from './IconComponents/ExamConfigurationIcon';
 import { ExamDetailsIcon } from './IconComponents/ExamDetailsIcon';
 import { ExamResultIcon } from './IconComponents/ExamResultIcon';
@@ -63,6 +70,7 @@ import { FeeConfigurationIcon } from './IconComponents/FeeConfigurationIcon';
 import { FeePaymentIcon } from './IconComponents/FeePaymentIcon';
 import { FeedbackStarIcon } from './IconComponents/FeedbackStarIcon';
 import { FilterIcon } from './IconComponents/FilterIcon';
+import { FormBuilderIcon } from './IconComponents/FormBuilderIcon';
 import { HallTicketsIcon } from './IconComponents/HallTicketsIcon';
 import { HamburgerMenuIcon } from './IconComponents/HamburgerMenuIcon';
 import { HandoutsIcon } from './IconComponents/HandoutsIcon';
@@ -76,14 +84,20 @@ import { ImportIcon } from './IconComponents/ImportIcon';
 import { InfoFilledIcon } from './IconComponents/InfoFilledIcon';
 import { InfoIcon } from './IconComponents/InfoIcon';
 import { InstitutionsIcon } from './IconComponents/InstitutionsIcon';
+import { InternalExamsIcon } from './IconComponents/InternalExamsIcon';
+import { InvigilationIcon } from './IconComponents/InvigilationIcon';
 import { LineDividerIcon } from './IconComponents/LIneDivider';
 import { LeadsIcon } from './IconComponents/LeadsIcon';
 import { LeftIcon } from './IconComponents/LeftIcon';
+import { LegacyIcon } from './IconComponents/LegacyIcon';
 import { LocationIcon } from './IconComponents/LocationIcon';
 import { LogoutIcon } from './IconComponents/LogoutIcon';
 import { ManageUserIcon } from './IconComponents/ManageUsersIcon';
 import { MarksIcon } from './IconComponents/MarksIcon';
+import { MenteesIcon } from './IconComponents/MenteesIcon';
+import { MentorsIcon } from './IconComponents/MentorsIcon';
 import { MinusSquare } from './IconComponents/MinusSquare';
+import { MoreVertIcon } from './IconComponents/MoreVertIcon';
 import { NavigationIcon } from './IconComponents/NavigationIcon';
 import { NominalSheetsIcon } from './IconComponents/NominalSheetsIcon';
 import { NoteIcon } from './IconComponents/NoteIcon';
@@ -109,18 +123,23 @@ import { RejectIcon } from './IconComponents/RejectIcon';
 import { ReportIssueIcon } from './IconComponents/ReportIssueIcon';
 import { ReportIcon } from './IconComponents/ReportsIcon';
 import { ResourcesIcon } from './IconComponents/ResourcesIcon';
+
 import { RevaluationIcon } from './IconComponents/RevaluationIcon';
 import { RightIcon } from './IconComponents/RightIcon';
+import { RoomsIcon } from './IconComponents/RoomsIcon';
 import { RouteIcon } from './IconComponents/RoutesIcon';
 import { SaveIcon } from './IconComponents/SaveIcon';
 import { ScanningIcon } from './IconComponents/ScanningIcon';
 import ScholarshipIcon from './IconComponents/ScholarshipIcon';
 import { SearchIcon } from './IconComponents/SearchIcon';
+import { SeatingPlan } from './IconComponents/SeatingPlan';
 import { SettlementsIcon } from './IconComponents/SettlementsIcon';
 import { ShareIcon } from './IconComponents/ShareIcon';
+import { SignaturesIcon } from './IconComponents/SignaturesIcon';
 import { SmsIcon } from './IconComponents/SmsIcon';
 import { StandardIcon } from './IconComponents/StandardIcon';
 import { StatisticsIcon } from './IconComponents/StatisticsIcon';
+import { StopWatchIcon } from './IconComponents/StopWatchIcon';
 import { StudentsIcon } from './IconComponents/StudentsIcon';
 import { SuccessFilledIcon } from './IconComponents/SuccessFilledIcon';
 import { TasksIcon } from './IconComponents/TasksIcon';
@@ -143,6 +162,7 @@ import { WhatsappIcon } from './IconComponents/WhatsappIcon';
 import { WorkFlowDocsIcon } from './IconComponents/WorkflowdocsIcon';
 
 export const Icons = {
+  MoreVertIcon,
   NoteIcon,
   PrintDesignerIcon,
   CautionIcon,
@@ -286,4 +306,22 @@ export const Icons = {
   OmrsIcon,
   RevaluationIcon,
   ScanningIcon,
+  ActivitylogsIcon,
+  CareersIcon,
+  ClassroomsIcon,
+  ConfigurationsIcon,
+  FormBuilderIcon,
+  MenteesIcon,
+  MentorsIcon,
+  InternalExamsIcon,
+  BarChartIcon,
+  StopWatchIcon,
+  RoomsIcon,
+  EvaluationIcon,
+  SignaturesIcon,
+  InvigilationIcon,
+  DatabaseIcon,
+  SeatingPlan,
+  LegacyIcon
+ 
 };

package/src/components/DataDisplay/SidePanel/SidePanel.tsx

@@ -32,7 +32,9 @@ export const SidePanelVariables = ({
         <Fragment key={index}>
           <StyledValueContainer key={index} sx={variablesContainerSX}>
             <Typography variant="label1">{item.label}</Typography>
-            <Typography variant="body2">{item.value}</Typography>
+            <Typography variant="body2" sx={{ textAlign: 'right' }}>
+              {item.value}
+            </Typography>
           </StyledValueContainer>
         </Fragment>
       ))}