reminder link activated

.env

@@ -12,6 +12,3 @@ REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfitu
 # REACT_APP_PASSWORD_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser/resetpass"
 
 REACT_APP_SESSION_EXPIRE_MINUTES = 5
-
-REACT_APP_TRACKING = "Tracking"
-REACT_APP_RESOURCES = "Resources"

src/components/Partials/Layout.jsx

@@ -95,7 +95,7 @@ export default function Layout({ children }) {
       {logoutModal && (
         <ModalCom action={logoutModalHandler} situation={logoutModal}>
           <div className="logout-modal-wrapper lg:w-[460px] h-full lg:h-auto bg-white dark:bg-dark-white   lg:rounded-2xl">
-            <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple dark:border-[#5356fb29] ">
+            <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b border-light-purple dark:border-[#5356fb29] ">
               <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
                 Confirm
               </h1>

src/components/Partials/MobileSideBar.jsx

@@ -111,7 +111,8 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="market" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    {process.env.REACT_APP_TRACKING}
+                    Tracking
+
                   </span>
                 </NavLink>
               </li>
@@ -137,7 +138,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="star" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    {process.env.REACT_APP_RESOURCES}
+                    Resources
                   </span>
                 </NavLink>
               </li>

src/components/Partials/RightSideBar.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { Link } from "react-router-dom";
 import topCreator1 from "../../assets/images/top-creator-1.png";
 import topCreator2 from "../../assets/images/top-creator-2.png";
 import topCreator3 from "../../assets/images/top-creator-3.png";
@@ -177,13 +178,15 @@ export default function RightSideBar() {
             </div>
           </div>
 
-          <div className="platform-list">
+          <div className="platform-list flex flex-col gap-4">
-            <div className="item flex space-x-3 items-center mb-4">
+            <Link to="/add-reminder" className="cursor-pointer p-2 md:hover:shadow-md transition md:hover:duration-300 rounded-md">
+            <div className="item flex space-x-3 items-center">
               {/* image */}
               <div className="w-8 h-8 rounded-full">
                 <svg
-                  width="40"
+                  className="w-[100%]"
-                  height="41"
+                  // width="40"
+                  // height="41"
                   viewBox="0 0 40 41"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -206,12 +209,15 @@ export default function RightSideBar() {
               </div>
               {/* action */}
             </div>
-            <div className="item flex space-x-3 items-center mb-4">
+            </Link>
+            <Link to="/#" className="cursor-pointer p-2 md:hover:shadow-md transition md:hover:duration-300 rounded-md">       
+            <div className="item flex space-x-3 items-center">
               {/* image */}
               <div className="w-8 h-8 rounded-full">
                 <svg
-                  width="40"
+                  className="w-[100%]"
-                  height="41"
+                  // width="40"
+                  // height="41"
                   viewBox="0 0 40 41"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -237,7 +243,7 @@ export default function RightSideBar() {
               </div>
               {/* action */}
             </div>
-
+            </Link>
           </div>
         </div>
       </div>

src/components/Partials/Sidebar.jsx

@@ -168,7 +168,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                   {process.env.REACT_APP_TRACKING}
+                   Tracking
                   </span>
                 </NavLink>
               </li>
@@ -208,7 +208,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                    {process.env.REACT_APP_RESOURCES}
+                    Resources
                   </span>
                 </NavLink>
               </li>