[FEATURE] Rework the loading.tsx on PRODUCT pages

[jobenjada]

Is your feature request related to a problem? Please describe.

We've reworked parts of our UI but didn't yet update the loading.tsx in the different files.

This creates a weird visual effect with the loading UI looking different than the actual UI.

Describe the solution you'd like

Rework the loading.tsx to match the actual UI of the /product/ pages.

The most important thing is the card styling: bg-white rounded-xl shadow-sm border border-slate-200

Since it's loading, pls add a Tailwind animation: animate-pulse

The inside of the card isn't super important.

Note: Please only do the loading.tsx of the ticket you are assigned to.

We want to give several contributors the chance to contribute :)

Describe alternatives you've considered

No response

Additional context

No response

[lovishduggal]

/assign

[oss-gg]

With your current level, you are not yet able to work on this issue. Please have a look on oss.gg to see which levels can work on which issues 🤓

[Kiran-Alex]

/assign