Fix a few more key errors

website/src/components/Dashboard/SideMenu.tsx

@@ -37,15 +37,15 @@ export function SideMenu() {
         className="grid grid-cols-4 gap-2 sm:flex sm:flex-col sm:justify-between p-4 h-full"
       >
         <nav className="grid grid-cols-3 col-span-3 sm:flex sm:flex-col gap-2">
-          {buttonOptions.map((item) => (
+          {buttonOptions.map((item, itemIndex) => (
             <Tooltip
-              key="Tooltip"
+              key={itemIndex}
               fontFamily="inter"
               label={item.label}
               placement="right"
               className="hidden lg:hidden sm:block"
             >
-              <Link key="{item.label}" href={item.pathname} style={{ textDecoration: "none" }}>
+              <Link key={`${item.label}-${itemIndex}`} href={item.pathname} style={{ textDecoration: "none" }}>
                 <Button
                   justifyContent={["center", "center", "center", "left"]}
                   gap="3"

website/src/components/Dashboard/TaskOption.tsx

@@ -46,8 +46,8 @@ export const TaskOption = () => {
       <div>
         <Text className="text-2xl font-bold pb-4">Create</Text>
         <SimpleGrid columns={[1, 2, 2, 3, 4]} gap={4}>
-          {crTasks.map((item) => (
-            <Link key="Create Option" href={item.pathname}>
+          {crTasks.map((item, itemIndex) => (
+            <Link key={itemIndex} href={item.pathname}>
               <GridItem
                 bg={backgroundColor}
                 borderRadius="xl"
@@ -82,8 +82,8 @@ export const TaskOption = () => {
       <div>
         <Text className="text-2xl font-bold pb-4">Evaluate</Text>
         <SimpleGrid columns={[1, 2, 2, 3, 4]} gap={4}>
-          {evTasks.map((item) => (
-            <Link key="Evaluate Option" href={item.pathname}>
+          {evTasks.map((item, itemIndex) => (
+            <Link key={itemIndex} href={item.pathname}>
               <GridItem
                 bg={backgroundColor}
                 borderRadius="xl"