Fix subprocessor card vertical spacing

Drop the region icon top margin so it centers with its label line,
and stop the card grid from stretching rows. Cards now hug their
content, giving every card a consistent 32px bottom padding instead
of leftover space below shorter cards.

Signed-off-by: Émile Ré <emile@probo.com>

apps/compliance-portal/src/pages/subprocessors/_components/SubprocessorCategorySection.tsx

@@ -45,7 +45,7 @@ export function SubprocessorCategorySection({ category, subprocessors }: Subproc
           {t(`categories.${category}.description`)}
         </Text>
       </div>
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+      <div className="grid grid-cols-1 items-start gap-4 sm:grid-cols-2 lg:grid-cols-3">
         {subprocessors.map(subprocessor => (
           <SubprocessorListItem key={subprocessor.id} subprocessorKey={subprocessor} />
         ))}

apps/compliance-portal/src/pages/subprocessors/_components/variants.ts

@@ -23,6 +23,6 @@ export const subprocessorListItem = tv({
     logoImage: "size-full object-cover",
     logoFallbackIcon: "text-sand-9",
     region: "flex items-start gap-1",
-    regionIcon: "mt-0.5 size-4 shrink-0 text-gold-11",
+    regionIcon: "size-4 shrink-0 text-gold-11",
   },
 });