feat: studio - example project tabs

[Hallidayo]

I have read the CONTRIBUTING.md file.

YES

What kind of change does this PR introduce?

Supabase Studio Dashboard - Example projects

What is the current behavior?

Currently the examples on the project dashboard are a mix of both web and mobile frameworks:

What is the new behavior?

Tabs have been added to make it easier to view app and mobile frameworks:

Screen.Recording.2024-06-13.at.22.19.55.mov

Also I've added Flutter and Swift examples.

Additional context

@supabase/frontend - what are your thoughts on this?

[vercel]

@Hallidayo is attempting to deploy a commit to the Supabase Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
studio-staging	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 14, 2024 5:38am
zone-www-dot-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 14, 2024 5:38am

4 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
design-system	⬜️ Ignored (Inspect)	Visit Preview		Jun 14, 2024 5:38am
docs	⬜️ Ignored (Inspect)	Visit Preview		Jun 14, 2024 5:38am
studio	⬜️ Ignored (Inspect)	Visit Preview		Jun 14, 2024 5:38am
studio-self-hosted	⬜️ Ignored (Inspect)	Visit Preview		Jun 14, 2024 5:38am

[MildTomato]

hey @Hallidayo 👋

some feedback:

1. Could try and keep everything aligned.

2. Use correct imports

import { Tabs_shadcn_, TabsContent_shadcn_, TabsList_shadcn_, TabsTrigger_shadcn_  } from 'ui'

this will help us with 'find and replace' code later when we remove the old Tabs components.

3. Maybe try not stretching the TabsList across the whole width. Just use the standard size?