FE: Layout songs on search page

Organize songs in columns with 3 items each to match the Figma. Edit the existing TopSongs component.

Currently, we have:
<img width="435" alt="image" src="https://github.com/user-attachments/assets/0fb52c2b-7f1c-4a74-8b77-cea78e9e0121">

We want:
<img width="435" alt="image" src="https://github.com/user-attachments/assets/f6b4bf2c-3054-4d1a-9722-9734473ada89">
