Apply Global Styles for Consistent UI

[ZaneCodeJourney]

Priority: Medium

Description:

Apply global styles using styled-components to ensure consistent styling across the entire app. Implement a cohesive color scheme, typography, and layout that enhances the user experience.

Tasks:

• [x] Create a GlobalStyles.js file with predefined variables for colors, typography, and layout settings.
• [x] Apply the global styles across all pages and components (Dashboard, Members, etc.).
• [x] Test the app on different devices to ensure the design is responsive.

Acceptance Criteria:

• The app uses consistent global styles for all components.
• The design is responsive across multiple devices and screen sizes.
• Global styles for colors and fonts are consistent with the project's theme.

[markzhhang]

Ensure cohesive and responsive design across the app by applying global styles with styled-components, maintaining consistent colors, typography, and layout.

[SexyZoe]

Fine-tune the typography and spacing for better readability on smaller screens. Conduct additional testing across more devices to ensure full responsiveness.