UI revamp

[ankitmukhia]

improved UI

#64

[Copilot]

Pull Request Overview

This PR implements a comprehensive UI revamp across multiple pages and components, improving the overall look-and-feel and layout consistency of the application. Key changes include new designs for Dashboard, Camera, GenerateImage, and layout components, as well as updated styling and component structure in Packs, Models, Footer, and Appbar.

Reviewed Changes

Copilot reviewed 45 out of 45 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
apps/web/app/(main)/(page)/dashboard/Dashboard.tsx	New dashboard layout and tab structure with updated styling.
apps/web/app/(main)/(page)/dashboard/page.tsx	Updated routing and integration of the Dashboard component.
apps/web/components/PackCard.tsx	Adjusted tooltip and card styling; updated image rendering and description truncation.
apps/web/components/Camera.tsx	Revised layout, placeholder count, and styling for the image grid.
apps/web/components/GenerateImage.tsx	Modified prompt handling via form events and updated button and layout styles.
apps/web/app/page.tsx	Replaced the Hero component with a new Landing component for the home page.
apps/web/app/layout.tsx	Updated fonts, color variables, and body classes with a new utility function.
apps/web/components/PacksClient.tsx	Revised container sizing and grid configuration to better support dynamic content.
apps/web/components/Models.tsx	Updated grid layout and heading while removing the "use client" directive.
apps/web/app/(main)/(page)/train/page.tsx	Corrected import paths to use the new config location.
apps/web/components/Footer.tsx	Overhauled footer design with a minimalist style and new messaging.
apps/web/components/Appbar.tsx	Simplified header layout and updated authentication button handling.
apps/web/app/dashboard/page.tsx	Removed obsolete dashboard page to integrate the new structure.

Comments suppressed due to low confidence (2)

apps/web/components/PackCard.tsx:151

• [nitpick] Truncating the description to 25 characters may be too aggressive and could lead to unintended information loss in the UI. Consider making the truncation length configurable to better match design requirements.

{props.description.length > 25 ? props.description.slice(0, 25) + "..." : props.description}

apps/web/components/Models.tsx:1

• This component uses client-side hooks like useState and useEffect but the 'use client' directive has been removed. Reinstate the directive to ensure proper client-side behavior.

"use client";

[hkirat]

/bounty $75

@yashmakhija please review