Add data-explorer tab (#8143)

Author: cadeban

web/src/features/app-sidebar/AppSidebar.tsx

@@ -8,6 +8,7 @@ import { useFeatureFlag } from 'features/feature-flags/api';
 import { useEvents, useTrackEvent } from 'hooks/useTrackEvent';
 import {
   BookOpenIcon,
+  ChartNoAxesCombined,
   CodeXmlIcon,
   FileDownIcon,
   HelpCircleIcon,
@@ -44,6 +45,11 @@ const MENU_ITEMS = [
     to: `${PORTAL_URL}/datasets`,
     icon: FileDownIcon,
   },
+  {
+    label: 'Data Explorer',
+    to: `${PORTAL_URL}/data-explorer`,
+    icon: ChartNoAxesCombined,
+  },
   {
     label: 'API',
     to: `${PORTAL_URL}`,

web/src/features/app-sidebar/Sidebar.tsx

@@ -43,7 +43,7 @@ const Sidebar = React.forwardRef<
       >
         <div
           data-sidebar="sidebar"
-          className="bg-sidebar flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-stroke group-data-[variant=floating]:shadow"
+          className="bg-sidebar flex h-full w-full flex-col border-r border-neutral-200 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-stroke group-data-[variant=floating]:shadow dark:border-neutral-700/60"
         >
           {children}
         </div>