[BUG]: GitHub stars button has oversized clickable area causing unintended navigation

[ayushunhale10-code]

Bug Description

Problem

The GitHub stars button on the Home page uses <a className="group block mt-10">
which makes the entire width of the page a clickable link. Clicking anywhere in the
bottom section of the page — even outside the visible button — opens the GitHub
repository in a new tab unintentionally.

Steps to Reproduce

1. Open the EduAid web app
2. Navigate to the Home page
3. Click anywhere in the lower portion of the page outside the GitHub stars button
4. GitHub repository opens unintentionally

Expected Behavior

Only clicking directly on the GitHub stars button should open the GitHub repository.

Actual Behavior

The entire bottom area of the page is clickable and triggers GitHub navigation.

Root Cause

The <a> tag has className="group block mt-10" — the block class makes it
full-width, expanding the clickable area far beyond the visible button.

Proposed Fix

Wrap the <a> in a centered div and use inline-block so only the button itself
is clickable.

Environment

• Browser: Chrome
• Component: eduaid_web/src/pages/Home.jsx

[Ashvin-KS]

Hi @ayushunhale10-code, I can work on this.

Implementation plan:

1. Reproduce and verify the oversized clickable area on Home page.
2. Restrict the anchor hitbox so only the visible GitHub stars button is clickable.
3. Keep existing visual style and spacing unchanged.
4. Validate locally and open a PR linked to this issue.

I will submit the PR shortly.