Implement 3D Card Component for Badge Page

[Teddy1792]

Enhance the visual presentation of badges on the Badge page through a 3D card effect.

Requirements

• Design different badges
• Replace current badges display with 3D cards
• Ensure responsive layout (desktop + mobile)

Acceptance Criteria

• All badges on the Badge page are displayed as 3D cards
• Cards render correctly on desktop and mobile
• Hover/tap animations are smooth and performant
• Styling aligns with the Guild Genesis current design

[joelamouche]

Good idea! Love it

[joelamouche]

I saw the badges you designed. They are nice! But how will you assign badges icons to badges? Randomly?

[Teddy1792]

Glad to hear that! Since they are all designed with their name in mind (eg. badge_bug_hunter.svg is a scorpio > "Bug Hunter", badge_documentation.svg is a spell book > "Docs Champion", etc.) it would d be best to have them assigned to specific badges. Can the back handle that?

[joelamouche]

Can the back handle that?

Not atm, it's a whole feature where we would have to store badges in the backend and create api endpoints to CRUD badges and add badge ownership to know who has the right to edit a badge icon etc. => #69

Remember that anyone can create a badge.

Maybe for now just assign random badge icons

[joelamouche]

@Teddy1792 any update?