simplify heroui layouts and add sonarqube workflow

frontend/src/components/shared/SectionCard.tsx

@@ -10,15 +10,15 @@ type Props = {
 
 export function SectionCard({ title, subtitle, children, action }: Props) {
   return (
-    <Card className="border border-default-100 bg-gradient-to-b from-default-50/40 to-background">
-      <CardHeader className="flex items-start justify-between gap-4 px-6 pt-6 pb-0">
+    <Card>
+      <CardHeader className="flex items-start justify-between gap-4">
         <div className="min-w-0 flex flex-col gap-1">
           <CardTitle>{title}</CardTitle>
           {subtitle && <CardDescription>{subtitle}</CardDescription>}
         </div>
         {action && <div className="shrink-0">{action}</div>}
       </CardHeader>
-      <CardContent className="px-6 py-5">{children}</CardContent>
+      <CardContent>{children}</CardContent>
     </Card>
   );
 }