feat: consolidate settings (supabase#37580)

* feat: move storage settings

* feat: redirect

* feat: database settings in service area

* feat: move data api settings

* fix: revert data API placement

* feat: minor UX touches

* fix: simplify configuration group

* feat: references to database settings

* feat: references to storage settings

* fix: redirects and formatting

* fix: Import StorageMenu dynamically to avoid SSR issues with useLocalStorage

* fix: move Data API closer to semantic siblings

* fix: revert smart comma

* Shift bucket sort logic into storage explorer store

---------

Co-authored-by: Joshen Lim <[email protected]>

Author: dnywh

apps/docs/content/_partials/database_setup.mdx

@@ -12,5 +12,5 @@ Your database will be available in less than a minute.
 You can find your project credentials on the dashboard:
 
 - [Database connection strings](https://supabase.com/dashboard/project/_/settings/api?showConnect=true): Direct and Pooler connection details including the connection string and parameters.
-- [Database password](https://supabase.com/dashboard/project/_/settings/database): Reset database password here if you do not have it.
+- [Database password](https://supabase.com/dashboard/project/_/database/settings): Reset database password here if you do not have it.
 - [API credentials](https://supabase.com/dashboard/project/_/settings/api): your serverless API URL and `anon` / `service_role` keys.

apps/docs/content/guides/ai/python-clients.mdx

@@ -11,7 +11,7 @@ For data science or ephemeral workloads, the [Supabase Vecs](https://supabase.gi
 
 <Admonition type="tip">
 
-You can get your connection string from the [**Database Settings**](https://supabase.com/dashboard/project/_/settings/database) page in your dashboard. Make sure to check **Use connection pooling**, then copy the URI. Also, change the URI scheme from `postgres` to `postgresql`. `vecs` uses SQLAlchemy under the hood, which only supports `postgresql` as a dialect.
+You can get your connection string from the [**Database Settings**](https://supabase.com/dashboard/project/_/database/settings) page in your dashboard. Make sure to check **Use connection pooling**, then copy the URI. Also, change the URI scheme from `postgres` to `postgresql`. `vecs` uses SQLAlchemy under the hood, which only supports `postgresql` as a dialect.
 
 </Admonition>
 

apps/docs/content/guides/ai/rag-with-permissions.mdx

@@ -189,7 +189,7 @@ Since we're managing users and authentication outside of Supabase, we have two o
 
 #### Direct Postgres connection
 
-You can directly connect to your Supabase Postgres DB using the [connection info](/dashboard/project/_/settings/database) on your project's database settings page. To use RLS with this method, we use a custom session variable that contains the current user's ID:
+You can directly connect to your Supabase Postgres DB using the [connection info](/dashboard/project/_/database/settings) on your project's Database Settings page. To use RLS with this method, we use a custom session variable that contains the current user's ID:
 
 ```sql
 -- enable row level security

apps/docs/content/guides/database/beekeeper-studio.mdx

@@ -28,7 +28,7 @@ hideToc: true
 
     <StepHikeCompact.Details title="Get your connection credentials">
 
-    Get your connection credentials from the [`Database Settings`](https://supabase.com/dashboard/project/_/settings/database). You will need:
+    Get your connection credentials from the [`Database Settings`](https://supabase.com/dashboard/project/_/database/settings). You will need:
     - host
     - username
     - password
@@ -50,7 +50,7 @@ hideToc: true
 
     <StepHikeCompact.Details title="Download your SSL Certificate">
 
-    Download your SSL certificate from the Dashboard's [`Database Settings`](https://supabase.com/dashboard/project/_/settings/database)
+    Download your SSL certificate from the Dashboard's [`Database Settings`](https://supabase.com/dashboard/project/_/database/settings)
     ![SSL](/docs/img/guides/database/connecting-to-postgres/beekeeper-studio/certificate.png)
     </StepHikeCompact.Details>
 

apps/docs/content/guides/database/connecting-to-postgres/serverless-drivers.mdx

@@ -64,7 +64,7 @@ Choose one of these Vercel Deploy Templates which use our [Vercel Deploy Integra
 
 ### Manual configuration
 
-In your [`Database Settings`](https://supabase.com/dashboard/project/_/settings/database), make sure `Use connection pooler` is checked and `Transaction` mode is selected, then copy the URI and save it as the `POSTGRES_URL` environment variable. Remember to replace the password placeholder with your actual database password and add the following suffix `?workaround=supabase-pooler.vercel`.
+In your [`Database Settings`](https://supabase.com/dashboard/project/_/database/settings), make sure `Use connection pooler` is checked and `Transaction` mode is selected, then copy the URI and save it as the `POSTGRES_URL` environment variable. Remember to replace the password placeholder with your actual database password and add the following suffix `?workaround=supabase-pooler.vercel`.
 
 ```txt .env.local
 POSTGRES_URL="postgres://postgres.cfcxynqnhdybqtbhjemm:[YOUR-PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres?workaround=supabase-pooler.vercel"

apps/docs/content/guides/database/connection-management.mdx

@@ -11,7 +11,7 @@ Every [Compute Add-On](/docs/guides/platform/compute-add-ons) has a pre-configur
 
 ### Configuring Supavisor's pool size
 
-You can change how many database connections Supavisor can manage by altering the pool size in the "Connection pooling configuration" section of the [Database Settings](/dashboard/project/_/settings/database):
+You can change how many database connections Supavisor can manage by altering the pool size in the "Connection pooling configuration" section of the [Database Settings](/dashboard/project/_/database/settings):
 
 ![Connection Info and Certificate.](/docs/img/database/pool-size.png)
 

apps/docs/content/guides/database/dbeaver.mdx

@@ -64,7 +64,7 @@ If you do not have DBeaver, you can download it from its [website](https://dbeav
 
   <StepHikeCompact.Step step={5}>
     <StepHikeCompact.Details title="Download certificate">
-        In the [Database Settings](https://supabase.com/dashboard/project/_/settings/database), download your SSL certificate.
+        In the [Database Settings](https://supabase.com/dashboard/project/_/database/settings), download your SSL certificate.
     </StepHikeCompact.Details>
 
     <StepHikeCompact.Code>

apps/docs/content/guides/database/drizzle.mdx

@@ -66,7 +66,7 @@ If you plan on solely using Drizzle instead of the Supabase Data API (PostgREST)
 
     Connect to your database using the Connection Pooler.
 
-    In your [`Database Settings`](https://supabase.com/dashboard/project/_/settings/database), make sure `Use connection pooler` is checked, then copy the URI and save it as the `DATABASE_URL` environment variable. Remember to replace the password placeholder with your actual database password.
+    In your [`Database Settings`](https://supabase.com/dashboard/project/_/database/settings), make sure `Use connection pooler` is checked, then copy the URI and save it as the `DATABASE_URL` environment variable. Remember to replace the password placeholder with your actual database password.
 
     </StepHikeCompact.Details>
 

apps/docs/content/guides/database/import-data.mdx

@@ -98,7 +98,7 @@ By default, Supabase enforces query statement timeouts to ensure fair resource a
 
 ### 3. Estimate your required disk size
 
-Large datasets consume disk space. Ensure your Supabase project has sufficient disk capacity to accommodate the imported data. If you know how big your database is going to be, you can manually increase the size in your [projects database settings](/dashboard/project/_/settings/database).
+Large datasets consume disk space. Ensure your Supabase project has sufficient disk capacity to accommodate the imported data. If you know how big your database is going to be, you can manually increase the size in your [projects database settings](/dashboard/project/_/database/settings).
 
 Read more about [disk management](/docs/guides/platform/database-size#disk-management).
 

apps/docs/content/guides/database/pgadmin.mdx

@@ -72,7 +72,7 @@ hideToc: true
 
     <StepHikeCompact.Details title="SSL">
 
-    Download your SSL certificate from Dashboard's [`Database Settings`](https://supabase.com/dashboard/project/_/settings/database).
+    Download your SSL certificate from Dashboard's [`Database Settings`](https://supabase.com/dashboard/project/_/database/settings).
 
     In pgAdmin, navigate to the Parameters tab and select connection parameter as Root Certificate. Next navigate to the Root certificate input, it will open up a file-picker modal. Select the certificate you downloaded earlier and save the server details. pgAdmin should now be able to connect to your Postgres via SSL.