fix: breadcrumbs and titles on AccountLayout pages

Co-authored-by: phunguyenmurcul <51897872+phunguyenmurcul@users.noreply.github.com>

studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx

@@ -55,7 +55,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
     >
       <div className="-ml-2 flex items-center text-sm">
         {/* Organization is selected */}
-        {selectedOrganization ? (
+        {projectRef && selectedOrganization ? (
           <>
             {/* Org Dropdown */}
             <OrgDropdown />

studio/pages/account/me.tsx

@@ -22,7 +22,7 @@ const User: NextPageWithLayout = () => {
 
 User.getLayout = (page) => (
   <AccountLayout
-    title="Supabase"
+    title="Preferences"
     breadcrumbs={[
       {
         key: `supabase-settings`,

studio/pages/account/tokens.tsx

@@ -52,7 +52,7 @@ const UserAccessTokens: NextPageWithLayout = () => {
 
 UserAccessTokens.getLayout = (page) => (
   <AccountLayout
-    title="Supabase"
+    title="Access Tokens"
     breadcrumbs={[{ key: 'supabase-account-tokens', label: 'Access Tokens' }]}
   >
     {page}

studio/pages/projects.tsx

@@ -38,7 +38,7 @@ const ProjectsPage: NextPageWithLayout = () => {
 
 ProjectsPage.getLayout = (page) => (
   <AccountLayout
-    title="Supabase"
+    title="Projects"
     breadcrumbs={[
       {
         key: `supabase-projects`,