fix(app): equal-height KPI cards on dashboard and form failures

- Stretch row + flex column cards so tiles share height
- Form failures: uniform outlined cards; primary border for selection
  (replacing elevated vs outlined mismatch)
- Full-width state toggle with flex-grow buttons and wrap to fix overlap
- Responsive KPI columns sm6/lg3 for Form failures

Made-with: Cursor

apps/app/src/pages/dashboard/index.vue

@@ -24,16 +24,17 @@ const stats = [
       </VCardText>
     </VCard>
 
-    <VRow>
+    <VRow align="stretch">
       <VCol
         v-for="stat in stats"
         :key="stat.title"
         cols="12"
         sm="6"
         md="3"
+        class="d-flex"
       >
-        <VCard>
-          <VCardText class="d-flex align-center gap-x-4">
+        <VCard class="flex-grow-1 w-100 d-flex flex-column">
+          <VCardText class="d-flex align-center gap-x-4 flex-grow-1">
             <VAvatar
               :color="stat.color"
               variant="tonal"