feat: team analytics

apps/remix/app/components/general/settings-nav-desktop.tsx

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from 'react';
 
 import { Trans } from '@lingui/react/macro';
 import {
+  BarChart3Icon,
   BracesIcon,
   CreditCardIcon,
   Globe2Icon,
@@ -128,6 +129,19 @@ export const SettingsDesktopNav = ({ className, ...props }: SettingsDesktopNavPr
             </Button>
           </Link>
 
+          <Link to="/settings/analytics">
+            <Button
+              variant="ghost"
+              className={cn(
+                'w-full justify-start',
+                pathname?.startsWith('/settings/analytics') && 'bg-secondary',
+              )}
+            >
+              <BarChart3Icon className="mr-2 h-5 w-5" />
+              <Trans>Analytics</Trans>
+            </Button>
+          </Link>
+
           {IS_BILLING_ENABLED() && (
             <Link to="/settings/billing">
               <Button