style: replace hard JS character truncation with CSS line-clamp on hero risk bullet

Risk bullet text in HeroOpportunityBullets now wraps naturally up to 2 lines
using CSS line-clamp-2 instead of cutting at 77 characters mid-word. Full text
is available on hover via title attribute.

Author: marian2js

apps/desktop/src/features/dashboard/components/HeroOpportunityBullets.tsx

@@ -35,7 +35,7 @@ export function HeroOpportunityBullets({
     bullets.push({
       key: "main-risk",
       color: "bg-amber-500",
-      text: mainRisk.length > 80 ? mainRisk.slice(0, 77) + "..." : mainRisk,
+      text: mainRisk,
       isRisk: true,
     });
   }
@@ -57,7 +57,10 @@ export function HeroOpportunityBullets({
                 className={`mt-[7px] block size-1.5 shrink-0 rounded-full ${bullet.color}`}
               />
             )}
-            <span className="text-[13px] leading-snug text-zinc-600 dark:text-zinc-400">
+            <span
+              className={`text-[13px] leading-snug text-zinc-600 dark:text-zinc-400${bullet.isRisk ? " line-clamp-2" : ""}`}
+              title={bullet.text}
+            >
               {bullet.text}
             </span>
           </li>

test/ui/dashboard-company-understanding-hero.test.ts

@@ -191,6 +191,22 @@ describe("HeroOpportunityBullets", () => {
     const src = readSrc("components/HeroOpportunityBullets.tsx");
     expect(src).toContain("if (bullets.length === 0) return null");
   });
+
+  it("does not use JS character truncation on risk text", () => {
+    const src = readSrc("components/HeroOpportunityBullets.tsx");
+    expect(src).not.toContain(".slice(0, 77)");
+    expect(src).not.toContain('+ "..."');
+  });
+
+  it("uses CSS line-clamp-2 for risk bullet text", () => {
+    const src = readSrc("components/HeroOpportunityBullets.tsx");
+    expect(src).toContain("line-clamp-2");
+  });
+
+  it("provides full text via title attribute for hover tooltip", () => {
+    const src = readSrc("components/HeroOpportunityBullets.tsx");
+    expect(src).toContain("title={bullet.text}");
+  });
 });
 
 // ═══════════════════════════════════════════════════════