Frontend: Implement Global Theming with Chakra UI

[ashishkarki]

Ticket Description: Set up a centralised design system using Chakra UI's theming capabilities. This task will involve defining global styles such as brand colours, typography, and component variants to ensure consistent design across the application. The theming will include: Colour Palette: Define brand colours (primary, secondary, success, danger, etc.) for use in buttons, text, and backgrounds. Typography: Set consistent fonts and styles for headers, body text, and other components.

• Component Variants: Establish design tokens for component variants (e.g., buttons, form inputs) to align with the overall design.
• Global Styles: Implement global styles for body text, links, and other common elements.

This task will simplify future design consistency and ensure that components across the app adhere to the same design standards.

[ashishkarki]

Done adding theming using chakra-ui