Misc fixes

[scandycuz]

• Updates song card price layout to stack vertically.
• limits "More from {artist}" and "Similar songs" to 8 songs to not make it difficult to scroll to other sections. Post-MVP, some sort of "View all" button can be added.

[github-actions]

Visit the preview URL for this PR (updated for commit ad11303):

https://fan-square--pr633-hotfix-song-card-pri-dukgxprx.web.app

_{(expires Thu, 20 Jun 2024 21:59:09 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b38f4676e459f355dcb11c95730012d43389bfd2}

[github-actions]

Visit the preview URL for this PR (updated for commit ad11303):

https://newm-artist-portal--pr633-hotfix-song-card-pri-9rsiw6oe.web.app

_{(expires Thu, 20 Jun 2024 21:59:09 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: ec3483d4c62309afc398865bfd6a9fc9e03e1d46}

[github-actions]

Visit the marketplace preview URL for this PR (updated for commit 6927a07):
🚀 https://whtdxsrp7o3qsprom3zxfoosf40jvudc.lambda-url.us-west-2.on.aws/

[github-actions]

Visit the wallet preview URL for this PR (updated for commit 6927a07):
🚀 https://pawf6kharlnbpc7laomvqi5cca0gkglx.lambda-url.us-west-2.on.aws/

[dmkirshon]

LGTM, just minor comment

[dmkirshon]

The ItemSkeleton.tsx, (which probably should be renamed to SaleSkeleton.tsx) also doesn't match up to the new price layout.

newm-web/apps/marketplace/src/components/skeletons/ItemSkeleton.tsx

Line 4 in d53fb12

const ItemSkeleton: FunctionComponent = () => (

[scandycuz]

It looks like the price should actually still appear in the upper right corner for the actual item. I'll make a separate ticket to make that update, since that requirement wasn't clear when changing the way it appeared for the previews.

[dmkirshon]

Noticed this through my review as well but not directly related, must have been a recent PR. Saw an error with the Sale type being imported for the Sale component. Minor conflict but probably should be either refactored with a renaming of the two or at least be updated to the following to remove the error:

import type { Sale } from "../modules/sale";

newm-web/apps/marketplace/src/components/Sale.tsx

Lines 19 to 26 in d53fb12

	import { Sale } from "../modules/sale";
	interface SaleProps {
	readonly isLoading: boolean;
	readonly sale?: Sale;
	}
	const Sale: FunctionComponent<SaleProps> = ({ sale, isLoading }) => {

[scandycuz]

Resolved the import name conflict.

[github-actions]

Visit the wallet preview URL for this PR (updated for commit c47f6b2):
🚀 https://pawf6kharlnbpc7laomvqi5cca0gkglx.lambda-url.us-west-2.on.aws/

[github-actions]

Visit the marketplace preview URL for this PR (updated for commit c47f6b2):
🚀 https://whtdxsrp7o3qsprom3zxfoosf40jvudc.lambda-url.us-west-2.on.aws/