FN-5903: fix SkillsView mobile row wrapping

Keep mobile discovered-skill rows aligned after toggles and skill enablement.

- keep .skills-view-item rows from wrapping at the mobile breakpoint
- let .skills-view-item-info flex instead of forcing full-width stacking
- add CSS regression coverage for the mobile row layout and toggle geometry
- add component coverage that preserves row structure across enabled and disabled toggle states

Files changed:
 packages/dashboard/app/components/SkillsView.css   |  5 ++-
 .../components/__tests__/SkillsView.css.test.ts    | 49 ++++++++++++++++++++++
 .../app/components/__tests__/SkillsView.test.tsx   | 47 +++++++++++++++++++++
 .../__tests__/skills-view-mobile.test.tsx          |  9 ++--
 4 files changed, 104 insertions(+), 6 deletions(-)

Fusion-Task-Id: FN-5903

Fusion-Task-Lineage: 1004a702-28e7-4e7e-af22-591cc122be01

packages/dashboard/app/components/SkillsView.css

@@ -413,11 +413,12 @@
   .skills-view-item {
     padding: var(--space-md);
     min-height: calc(var(--space-lg) + var(--space-md) + var(--space-xs));
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
   }
 
   .skills-view-item-info {
-    width: 100%;
+    flex: 1 1 auto;
+    width: auto;
   }
 
   .skills-view-item-toggle {