Add Announcement Feature & Refactor Layout

[Karitchi]

This pull request introduces a feature for adding announcements to the application and includes various UI and layout changes. Key changes include:

1. Add Announcement Feature:

   • New Page for Adding Announcements (app/admin/page.jsx):
     • A form-based page to submit announcements, including inputs for title, body, and author.
     • Integrated toast notifications to display success or error messages.
   • Backend Logic (app/lib/serverActions.jsx):
     • Handles form validation and submission of announcements to the database.
     • Uses the joi validation library for data validation.
     • Introduces a new database schema to store announcements.
   • UI Components for the Form (app/ui/):
     • AddAnnounceButton.jsx: A button component with a save icon.
     • AddAnnounceInputs.jsx: Form inputs for title, description, and author.
     • Title.jsx: A component to display the title of the page.

2. UI/Styling Enhancements:

   • CSS Refactor (app/globals.css):
     • Removed custom color schemes and body styling, relying on default Tailwind CSS utilities.
   • Updated Layout (app/layout.js):
     • Replaced custom fonts with a Google font (Dosis), applied globally to the layout for consistency.
     • Introduced a gradient background and enhanced typography for better visual appeal.

3. Database Schema Changes:

   • SQL Update (initialize_db.sql):
     • Altered the announcements table to use VARCHAR(1000) for the body instead of TEXT.
     • Added a new SQL block to insert a dummy user if one does not exist.

4. File Changes:

   • Font Files Removal: Removed unused font files (GeistMonoVF.woff, GeistVF.woff) and replaced them with Google Fonts.
   • Added Save Icon: Added a new SVG icon (public/icons/save.svg) for the add announcement button.

Dependencies:

• joi: Added for form validation.
• sonner: Added for toast notifications.

Impact:

• Users can now add announcements through a dedicated page.
• Layout has been simplified and modernized with better styling and font usage.
• Database schema changes will ensure better handling of announcement data.

Notes:

• Please ensure that the database is properly updated with the new schema and dummy user.
• Make sure to review UI components for consistency with existing design patterns.

This PR implements a significant feature for managing announcements and improves the overall styling and user experience.