♻️ Rewrite the frontend with `grid` css layout

[neon-mmd]

What would you like to share?

Rewrite the frontend code by rewriting the CSS code with grid layout instead of flexbox to create responsive and performant website frontend which is easy to maintain and also reduces code redundancy. Also edit the HTML code if necessary to rewrite the frontend with grid layout.

Do you want to work on this issue?

None

Additional information

No response

[github-actions]

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/neon-mmd/websurfx/blob/rolling/CONTRIBUTING.md

[github-actions]

Stale issue message