fix: breadcrumbs and tab updated (#1007)

apps/app/components/command-palette/command-pallette.tsx

@@ -821,7 +821,7 @@ export const CommandPalette: React.FC = () => {
                         >
                           <div className="flex items-center gap-2 text-brand-secondary">
                             <SettingIcon className="h-4 w-4 text-brand-secondary" />
-                            Billings and Plans
+                            Billing and Plans
                           </div>
                         </Command.Item>
                         <Command.Item

apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx

@@ -222,7 +222,7 @@ const GeneralSettings: NextPage = () => {
           <div className="grid grid-cols-12 gap-4 sm:gap-16">
             <div className="col-span-12 sm:col-span-6">
               <h4 className="text-lg font-semibold">Cover Photo</h4>
-              <p className="text-sm text-gray-500">
+              <p className="text-sm text-brand-secondary">
                 Select your cover photo from the given library.
               </p>
             </div>

apps/app/pages/[workspaceSlug]/settings/billing.tsx

@@ -34,7 +34,7 @@ const BillingSettings: NextPage = () => {
             title={`${activeWorkspace?.name ?? "Workspace"}`}
             link={`/${workspaceSlug}`}
           />
-          <BreadcrumbItem title="Members Settings" />
+          <BreadcrumbItem title="Billing & Plans Settings" />
         </Breadcrumbs>
       }
     >

apps/app/pages/[workspaceSlug]/settings/import-export.tsx

@@ -18,7 +18,7 @@ const ImportExport: NextPage = () => {
       breadcrumbs={
         <Breadcrumbs>
           <BreadcrumbItem title={`${workspaceSlug ?? "Workspace"}`} link={`/${workspaceSlug}`} />
-          <BreadcrumbItem title="Members Settings" />
+          <BreadcrumbItem title="Import/ Export Settings" />
         </Breadcrumbs>
       }
     >