implemented show/hide resources menu item depending on its value in env

.env

@@ -17,4 +17,6 @@ REACT_APP_TRACKING="Tracking"
 REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
-REACT_APP_TRACKING_SHOW=1
+REACT_APP_TRACKING_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.development

@@ -18,3 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=1
+
+REACT_APP_RESOURCES_SHOW=1

.env.production

@@ -18,3 +18,5 @@ REACT_APP_RESOURCES="Resources"
 REACT_APP_HISTORY="History"
 
 REACT_APP_TRACKING_SHOW=0
+
+REACT_APP_RESOURCES_SHOW=0

src/components/Partials/MobileSideBar.jsx

@@ -102,8 +102,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              {(process.env.REACT_APP_TRACKING_SHOW == true) ? 
-              (<li className="item group">
+              <li className="item group">
                 <NavLink
                   to="/tracking"
                   className="nav-item flex items-center justify-start space-x-3.5"
@@ -115,8 +114,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
-              </li>)
-              : ''}
+              </li>
               <li className="item group">
                 <NavLink
                   to="/calendar"
@@ -130,6 +128,8 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
+
+              {process.env.REACT_APP_RESOURCES_SHOW == true ?
               <li className="item group">
                 <NavLink
                   to="/resources"
@@ -143,6 +143,9 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
+              :
+              <></>
+              }
               <li className="item group">
                 <NavLink
                   to="/history"

src/components/Partials/Sidebar.jsx

@@ -151,8 +151,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              {(process.env.REACT_APP_TRACKING_SHOW == true) ? 
-              (<li className="item group">
+              <li className="item group">
                 <NavLink
                   to="/tracking"
                   className={`nav-item flex items-center  ${
@@ -171,8 +170,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                    {process.env.REACT_APP_TRACKING}
                   </span>
                 </NavLink>
-              </li>)
-              : ''}
+              </li>
               <li className="item group">
                 <NavLink
                   to="/calendar"
@@ -193,26 +191,31 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </span>
                 </NavLink>
               </li>
-              <li className="item group">
-                <NavLink
-                  to="/resources"
-                  className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
-                    sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  }`}
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple rounded-full">
-                    <Icons name="resources" />
-                  </span>
-                  <span
-                    className={`item-content group-hover:text-purple text-[18px] dark:hover:text-white transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                      sidebar ? "active flex-1" : "w-0"
+
+               {process.env.REACT_APP_RESOURCES_SHOW == true ?
+                <li className="item group">
+                  <NavLink
+                    to="/resources"
+                    className={`nav-item flex items-center ${
+                      ((navData) => (navData.isActive ? "active" : ""),
+                      sidebar ? "justify-start space-x-3.5" : "justify-center")
                     }`}
                   >
-                    {process.env.REACT_APP_RESOURCES}
-                  </span>
-                </NavLink>
-              </li>
+                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple rounded-full">
+                      <Icons name="resources" />
+                    </span>
+                    <span
+                      className={`item-content group-hover:text-purple text-[18px] dark:hover:text-white transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                        sidebar ? "active flex-1" : "w-0"
+                      }`}
+                    >
+                      {process.env.REACT_APP_RESOURCES}
+                    </span>
+                  </NavLink>
+                </li>
+               :
+               <></>
+               }
           
               <li className="item group">
                 <NavLink