Move around auth config

studio/components/interfaces/Auth/AutoSchemaForm.tsx

@@ -126,13 +126,6 @@ const AutoSchemaForm = observer(() => {
                 <FormSectionContent loading={!isLoaded}>
                   {/* Permitted redirects for anything on that domain */}
                   {/* Check with @kangming about this */}
-                  <Input
-                    id="SITE_URL"
-                    size="small"
-                    label="Site URL"
-                    descriptionText="The base URL of your website. Used as an allow-list for redirects and for constructing URLs used in emails."
-                    disabled={!canUpdateConfig}
-                  />
                   <InputNumber
                     id="JWT_EXP"
                     size="small"

studio/components/layouts/AuthLayout/AuthLayout.utils.ts

@@ -30,6 +30,12 @@ export const generateAuthMenu = (ref: string): ProductMenuGroup[] => {
                 url: `/project/${ref}/auth/templates`,
                 items: [],
               },
+              {
+                name: 'URL Configuration',
+                key: 'url-configuration',
+                url: `/project/${ref}/auth/url-configuration`,
+                items: [],
+              },
             ],
           },
         ]

studio/pages/project/[ref]/settings/database.tsx

@@ -1,4 +1,3 @@
-import dayjs from 'dayjs'
 import useSWR from 'swr'
 import * as Tooltip from '@radix-ui/react-tooltip'
 import { FC, useState, useRef, useEffect } from 'react'
@@ -7,14 +6,14 @@ import { observer } from 'mobx-react-lite'
 import { useRouter } from 'next/router'
 import { debounce } from 'lodash'
 import generator from 'generate-password'
-import { Input, Button, IconDownload, IconArrowRight, Tabs, Modal } from 'ui'
+import { Input, Button, IconDownload, Tabs, Modal } from 'ui'
 import { PermissionAction } from '@supabase/shared-types/out/constants'
 
 import { NextPageWithLayout } from 'types'
 import { checkPermissions, useFlag, useStore } from 'hooks'
 import { get, patch } from 'lib/common/fetch'
 import { pluckObjectFields, passwordStrength } from 'lib/helpers'
-import { API_URL, DEFAULT_MINIMUM_PASSWORD_STRENGTH, TIME_PERIODS_INFRA } from 'lib/constants'
+import { API_URL, DEFAULT_MINIMUM_PASSWORD_STRENGTH } from 'lib/constants'
 
 import { SettingsLayout } from 'components/layouts'
 import PasswordStrengthBar from 'components/ui/PasswordStrengthBar'
@@ -25,8 +24,6 @@ const ProjectSettings: NextPageWithLayout = () => {
   const router = useRouter()
   const { ref } = router.query
 
-  const { ui } = useStore()
-
   return (
     <div>
       <div className="content h-full w-full overflow-y-auto">