Improve resources page layout and navigation

<img width="882" height="526" alt="Image" src="https://github.com/user-attachments/assets/ea1108ce-6a3a-4893-a3b3-bec332f718a9" />

Currently the resources page has several layout and spacing issues. Should be pretty easy to fix. (Try not to waste tokens with AI, if you know even a bit of CSS you can fix it)