fix: truncate long plugin descriptions on catalogue cards (closes #1980)

[singhanurag0317-bit]

Summary

Closes #1980

Plugin cards on the Catalogue page (/toolkit) did not truncate long descriptions, causing cards to stretch vertically and break the uniform grid layout on smaller screens.

Root Cause

The plugin card description <p> element inside Toolkit.tsx already had line-clamp-3 applied (which limits visible lines), but was missing overflow-hidden, which is required for line-clamp to actually clip the content in all browsers. Additionally, text-ellipsis was explicitly added to ensure the ellipsis (...) is always rendered.

Changes

frontend/src/pages/Toolkit.tsx

Added two Tailwind utility classes to the description <p> tag inside the plugin card:

- <p id={descriptionId} className="text-[10px] text-silver/40 uppercase tracking-widest leading-relaxed line-clamp-3 font-bold italic">
+ <p id={descriptionId} className="text-[10px] text-silver/40 uppercase tracking-widest leading-relaxed line-clamp-3 text-ellipsis overflow-hidden font-bold italic">

• overflow-hidden: Clips any text overflowing the line-clamp boundary — required for line-clamp to work correctly.
• text-ellipsis: Ensures the trailing ... ellipsis is rendered when content is clipped.

Verification

• Vite production build: ✅ Success (npm run build)
• Vitest unit tests (including ScannerQuickAccess.test.tsx): ✅ Passed
• No new TypeScript errors: ✅ Confirmed

How to Test

1. Edit any plugin's metadata.json (e.g. plugins/nmap/metadata.json) and set description to a 500-word string.
2. Navigate to /toolkit in the frontend.
3. Confirm that all cards remain the same height and the description is truncated to 3 lines with ....