Fix some page skeletons

Signed-off-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/pages/organizations/SettingsPage.tsx

@@ -12,10 +12,6 @@ export function SettingsViewSkeleton() {
       description="Manage your details and personal preferences here"
     >
       <div className="space-y-6">
-        <div className="space-y-1">
-          <div className="h-8 w-48 bg-muted animate-pulse rounded" />
-          <div className="h-4 w-96 bg-muted animate-pulse rounded" />
-        </div>
         <div className="space-y-2">
           {[1, 2].map((i) => (
             <div key={i} className="h-64 bg-muted animate-pulse rounded-lg" />

apps/console/src/pages/organizations/policies/UpdatePolicyPage.tsx

@@ -11,15 +11,6 @@ export function UpdatePolicyViewSkeleton() {
       title="Update Policy"
       description="Update an existing policy"
     >
-      <div className="flex items-center mb-6">
-        <div className="mr-4">
-          <div className="h-12 w-12 bg-muted animate-pulse rounded-lg" />
-        </div>
-        <div>
-          <div className="h-8 w-48 bg-muted animate-pulse rounded mb-2" />
-          <div className="h-4 w-64 bg-muted animate-pulse rounded" />
-        </div>
-      </div>
       <div className="bg-muted animate-pulse rounded-lg h-[600px]" />
     </PageTemplateSkeleton>
   );

apps/console/src/pages/organizations/vendors/VendorListPage.tsx

@@ -12,10 +12,7 @@ export function VendorListViewSkeleton() {
       description="Vendors are third-party services that your company uses. Add them to
       keep track of their risk and compliance status."
     >
-      <div>
-        <div className="h-8 w-48 bg-muted animate-pulse rounded" />
-        <div className="h-4 w-96 bg-muted animate-pulse rounded mt-1" />
-      </div>
+      <div className="space-y-6">
         <div className="rounded-xl border bg-card p-4 space-y-4">
           <div className="h-5 w-32 bg-muted animate-pulse rounded" />
           <div className="flex gap-2">
@@ -25,9 +22,13 @@ export function VendorListViewSkeleton() {
         </div>
         <div className="space-y-2">
           {[1, 2, 3].map((i) => (
-          <div key={i} className="h-[72px] bg-muted animate-pulse rounded-xl" />
+            <div
+              key={i}
+              className="h-[72px] bg-muted animate-pulse rounded-xl"
+            />
           ))}
         </div>
+      </div>
     </PageTemplateSkeleton>
   );
 }

apps/console/src/pages/organizations/vendors/VendorListView.tsx

@@ -245,6 +245,7 @@ function VendorListContent({
       description="Vendors are third-party services that your company uses. Add them to
       keep track of their risk and compliance status."
     >
+      <div className="space-y-6">
         <div className="rounded-xl border bg-card p-4">
           <div className="flex items-center gap-2 mb-4">
             <Store className="h-5 w-5" />
@@ -262,7 +263,9 @@ function VendorListContent({
                 if (value.trim() === "") {
                   setFilteredVendors([]);
                 } else {
-                const results = fuse.search(value).map((result) => result.item);
+                  const results = fuse
+                    .search(value)
+                    .map((result) => result.item);
                   setFilteredVendors(results);
                 }
               }}
@@ -424,6 +427,7 @@ function VendorListContent({
             </Link>
           ))}
         </div>
+      </div>
 
       <LoadAboveButton
         isLoading={isLoadingPrevious}

apps/console/src/pages/organizations/vendors/VendorPage.tsx

@@ -8,10 +8,6 @@ const VendorView = lazy(() => import("./VendorView"));
 export function VendorViewSkeleton() {
   return (
     <PageTemplateSkeleton>
-      <div className="space-y-1">
-        <div className="h-8 w-48 bg-muted animate-pulse rounded" />
-        <div className="h-4 w-96 bg-muted animate-pulse rounded" />
-      </div>
       <div className="space-y-2">
         {[1, 2].map((i) => (
           <div key={i} className="h-20 bg-muted animate-pulse rounded-lg" />