fix(preview): Added preview card of the website

[StephanosNikitis]

Description

Added missing preview image, title and description to the preview card and included twitter card for better social media sharing of the website.

Type of Change

• [☑️] New feature (non-breaking change which adds functionality)

Related Issue

Closes #53

Changes Made

• Added preview title, description and image to the preview card of the website along with twitter preview card (for sharing of the website on twitter).

Testing Done

Please describe how you tested your changes:

• [☑️] Tested in development mode (npm run dev)
• [☑️] Tested production build (npm run build && npm start)
• [☑️] Tested on multiple browsers (Chrome, Brave, Firefox)
• [☑️] Tested on mobile devices/responsive design
• [☑️] Ran linting (npm run lint)
• [☑️] Checked for console errors

Screenshots

Checklist

• [☑️] I have read and followed all guidelines in CONTRIBUTING.md
• [☑️] I have used the correct branch naming convention (feature/, fix/, docs/, etc.)
• [☑️] My commits follow Conventional Commits format (feat:, fix:, docs:, etc.)
• [☑️] I have performed a self-review and tested my changes thoroughly
• [☑️] CRITICAL: I confirm ONLY my intended changes are included (no unrelated changes, debug code, or breaking changes)
• [☑️] I have updated relevant documentation if needed
• [☑️] I have tested the production build locally
• [☑️] My changes are responsive and work on mobile devices

[vercel]

@StephanosNikitis is attempting to deploy a commit to the Akash Kumar's projects Team on Vercel.

A member of the Team first needs to authorize it.

[akash-kumar-dev]

Looks good, thanks for the contribution! Please join our Discord server: https://discord.com/invite/Gtv9PFgaHZ