[LFXV2-241] feat: redesign meeting card badges and improve component architecture (#34)

* feat: redesign meeting card badges and improve component architecture

- Replace PrimeNG badge components with custom HTML badges for exact design control
- Implement meeting type badges with proper icons and colors matching Figma designs:
  * Board: red with user-check icon
  * Maintainers: blue with gear icon
  * Marketing: green with chart-line-up icon
  * Technical: purple with code icon
  * Legal: amber with scale-balanced icon
- Add computed signal optimization for meeting type badges to reduce HTML repetition
- Simplify participants button label by removing "Yes/No/Maybe" response breakdown
- Move container styling logic into meeting card component for better encapsulation
- Add showBorder input to meeting card component (defaults to false)
- Remove getMeetingTypeBorderClass method from meeting dashboard component
- Ensure color consistency between meeting type badges and left border colors
- Hide meeting type badge when type is "None" to clean up the UI
- Conditionally apply padding based on showBorder flag for flexible usage

Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Asitha de Silva <asithade@gmail.com>

* feat: add dynamic colors to attendance percentage bar

- Implement color-coded attendance progress bar based on percentage thresholds:
  * Under 25%: amber (bg-amber-500) for poor attendance
  * 25-69%: blue (bg-blue-500) for moderate attendance
  * 70%+: green (bg-green-500) for good attendance
- Add computed signal attendanceBarColor() to calculate appropriate color
- Update HTML template to use dynamic color class instead of hardcoded blue
- Maintain smooth color transitions with existing transition classes
- Provide immediate visual feedback for meeting engagement levels

Generated with [Claude Code](https://claude.ai/code)

Signed-off-by: Asitha de Silva <asithade@gmail.com>

---------

Signed-off-by: Asitha de Silva <asithade@gmail.com>

Author: asithade

apps/lfx-pcc/README.md

@@ -96,7 +96,7 @@ export class CustomButtonComponent {}
 <!-- custom-button.component.html -->
 <p-button label="Custom Icon" severity="success">
   <ng-template pTemplate="icon">
-    <i class="fas fa-rocket text-yellow-400"></i>
+    <i class="fas fa-rocket text-amber-400"></i>
   </ng-template>
 </p-button>
 ```