Enhance SEO Metadata and Structured Data for Better Discoverability

### Context

Hi maintainers 👋

I reviewed the Perspective web app with a focus on metadata structure and discoverability.

Currently, while the basic title and description are defined, the application lacks structured metadata and social preview configuration, which may reduce clarity for search engines and external platforms.

### Problem
The current web application has minimal metadata configuration. While the basic title and description are present, the site lacks:
Comprehensive OpenGraph metadata for social sharing
Twitter card configuration
Structured data (JSON-LD) for proper search engine and AI indexing

This may reduce discoverability across search engines, AI platforms, and social preview systems.

I would like to work on implementing these improvements if approved.
Looking forward to your thoughts 🙌

### What Needs to Be Done

1.Extend existing metadata configuration using Next.js Metadata API
2.Add OpenGraph metadata for improved social preview
3.Add Twitter card metadata
4.Inject JSON-LD structured data (SoftwareApplication schema)
5.Ensure no impact on existing functionality

### Resources

- [Contribution Guide - Start Here!](https://github.com/AOSSIE-Org/TODO/blob/main/CONTRIBUTING.md)
- [Discord Channel](https://discord.gg/hjUhu33uAn)

### Getting Started

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have read the [Contribution Guide](https://github.com/AOSSIE-Org/Template-Repo/blob/main/CONTRIBUTING.md)
- [x] I understand this issue is assigned on a first-come, first-served basis