Somewhat automate types and stuff.

src/components/context/theme.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
 import { Moon, Sun } from 'lucide-react';
 import { useTheme } from 'next-themes';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui';
 
 export const ThemeProvider = ({
   children,

src/components/navigation/auth.tsx

@@ -2,11 +2,11 @@
 
 import Link from 'next/link';
 import { Button } from '@/components/ui';
-import { createClient } from '@/utils/supabase/server';
+import { createServerClient } from '@/utils/supabase';
 import { signOut } from '@/actions/auth';
 
 const NavigationAuth = async () => {
-  const supabase = await createClient();
+  const supabase = await createServerClient();
   const {
     data: { user },
   } = await supabase.auth.getUser();

src/components/tutorial/fetch-data-steps.tsx

@@ -43,7 +43,7 @@ export default function Page() {
 }
 `.trim();
 
-const FetchDataSteps = () => {
+export const FetchDataSteps = () => {
   return (
     <ol className='flex flex-col gap-6'>
       <TutorialStep title='Create some tables and insert some data'>
@@ -93,4 +93,3 @@ const FetchDataSteps = () => {
     </ol>
   );
 };
-export default FetchDataSteps;

src/components/tutorial/index.tsx

@@ -1,5 +1,3 @@
-import { CodeBlock } from '@/components/tutorial/code-block';
-import FetchDataSteps from '@/components/tutorial/fetch-data-steps';
-import { TutorialStep } from '@/components/tutorial/tutorial-step';
-
-export { CodeBlock, FetchDataSteps, TutorialStep };
+export { CodeBlock } from '@/components/tutorial/code-block';
+export { FetchDataSteps } from '@/components/tutorial/fetch-data-steps';
+export { TutorialStep } from '@/components/tutorial/tutorial-step';

src/components/ui/index.tsx

@@ -1,7 +1,5 @@
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import { Checkbox } from '@/components/ui/checkbox';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-
-export { Badge, Button, Checkbox, Input, Label };
+export { Badge } from '@/components/ui/badge';
+export { Button } from '@/components/ui/button';
+export { Checkbox } from '@/components/ui/checkbox';
+export { Input } from '@/components/ui/input';
+export { Label } from '@/components/ui/label';