Improve footer layout and spacing for mobile view

[diksha78dev]

Description:

The footer section needs reorganization for better mobile UX:

Problems:

Insufficient spacing between links (touch targets too small)
Multiple section headings create visual clutter
Floating chat button overlaps footer content
Dense layout reduces readability

Suggested improvements:

Increase spacing between clickable elements (minimum 44x44px touch targets)
Consider using accordion/collapsible sections for each category
Add more padding/margin between sections
Ensure floating elements don't overlap footer content
Consider reducing number of visible links or using a different layout pattern (like tabs)

Screenshots:

[diksha78dev]

Hi, I am ECWoC'26 contributor and i would like to work on this issue, can you assign this issue to me?

[sumitrathor1]

@Diksha78-bot Sry for the delay, I have assigned this issue to u pls start working on it.

[sumitrathor1]

@Diksha78-bot Any update

[diksha78dev]

Today Evening I'll raise pr.

[diksha78dev]

@sumitrathor1 I have raised PR.