chore: standardised the eslint config structure accross the project (#11814)

apps/docs/components/PermissionTable/index.jsx

@@ -1,10 +1,6 @@
 import React, { useMemo } from 'react';
 import yaml from 'js-yaml';
-import { Check, X } from 'lucide-react';
-import { cn } from '@/utils/cn'; // Assuming utils/cn exists, or I'll use clsx/tailwind-merge directly if not sure
-
-// Fallback utility if generic cn doesn't exist, checking imports first is safer, but I'll inline a simple merge if needed
-// Checking package.json I saw clsx and tailwind-merge are dependencies.
+import { Check } from 'lucide-react';
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ');

apps/docs/components/mixpanel-provider.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { initMixpanel, mixpanelClient, optInTracking, optOutTracking } from '@/utils/mixpanel';
+import { initMixpanel, optInTracking, optOutTracking } from '@/utils/mixpanel';
 import React, { useEffect } from 'react';
 
 export default function MixpanelProvider({ children }: { children: React.ReactNode }) {