fix(committees): truncate long meeting descriptions on group overview (#604)

Long URLs in meeting descriptions (e.g. Google Docs agenda links) were
overflowing the dashboard meeting card and forcing horizontal page scroll
on the group overview. The 'truncate' class on the description `<p>`
was being defeated by the default min-width: auto on flex/grid items
up the parent chain.

- Add min-w-0 to the description <p> so its overflow:hidden actually clips
- Add min-w-0 to the right-column grid item so the 1fr column doesn't
  expand to fit content

Signed-off-by: Nuno Eufrasio <nmeufrasio@gmail.com>

Author: nunoeufrasio

apps/lfx-one/src/app/modules/committees/components/committee-overview/committee-overview.component.html

@@ -107,7 +107,7 @@
     </lfx-card>
 
     <!-- RIGHT: Meetings + Pending Actions stacked -->
-    <div class="flex flex-col gap-5">
+    <div class="flex flex-col gap-5 min-w-0">
       @if (!isVisitor()) {
         <!-- Next Meeting -->
         <div class="flex flex-col gap-2">

apps/lfx-one/src/app/modules/dashboards/components/dashboard-meeting-card/dashboard-meeting-card.component.html

@@ -148,7 +148,7 @@
 
       <!-- Description snippet -->
       @if (meetingDescription()) {
-        <p class="text-[10px] text-gray-500 truncate" data-testid="dashboard-meeting-card-description">
+        <p class="text-[10px] text-gray-500 truncate min-w-0" data-testid="dashboard-meeting-card-description">
           {{ meetingDescription() }}
         </p>
       }