[Feature]: UI Modernization: Introduce PrimeNG alongside Tailwind and replace custom icons/components

[DenizAltunkapan]

Problem

The current UI contains a mixture of custom SVG icons, inline icons, and small custom UI implementations. This leads to inconsistent styling and unnecessary code duplication across the project.

The goal of this issue is to modernize and standardize the UI of the entire project.

As a first step, PrimeNG should be introduced alongside the existing Tailwind + SCSS setup. This creates a balanced setup where:

• Tailwind is used for layout, spacing, and styling
• PrimeNG is used for standardized UI components and icons

Main Goals

• Install and configure PrimeNG
• Enable and use PrimeIcons as a shared icon source
• Replace scattered custom SVG icons with icons from PrimeNG
• Replace other redundant or unnecessary UI code where appropriate by PrimeNG Components

Examples

Icons that should be replaced include (but are not limited to):

• Search icon in the chat component
• File and folder icons in the cloud component
• Other inline or custom SVG icons across the project

Example replacement:

<!-- current -->
<svg>...</svg>

<!-- target -->
<i class="pi pi-search"></i>

Useful Links:

• PrimeNG Icons: https://primeng.org/iconfield
• PrimeNG Documentation: https://primeng.org/
• PrimeNG IconField: https://primeng.org/iconfield