Refactor SEO and JSON-LD handling; improve layout and styles

- Introduced `compactJsonLd` utility to filter out falsy values from JSON-LD arrays.
- Updated various pages to utilize `compactJsonLd` for cleaner JSON-LD handling.
- Refactored music playlist configuration in Header component.
- Enhanced BaseLayout with inline script for JSON-LD and removed unnecessary media attributes from stylesheets.
- Improved error handling in category and tag pages by simplifying response logic.
- Added new styles for home hero section and sidebar components to enhance UI.
- Adjusted layout components for better responsiveness and visual consistency.

frontend/src/pages/about/index.astro

@@ -9,7 +9,7 @@ import StatsList from '../../components/StatsList.astro';
 import TechStackList from '../../components/TechStackList.astro';
 import { api, DEFAULT_SITE_SETTINGS } from '../../lib/api/client';
 import { getI18n } from '../../lib/i18n';
-import { buildDiscoveryHighlights, buildFaqJsonLd, buildPageFaqs } from '../../lib/seo';
+import { buildDiscoveryHighlights, buildFaqJsonLd, buildPageFaqs, compactJsonLd } from '../../lib/seo';
 
 export const prerender = false;
 
@@ -130,7 +130,7 @@ const aboutJsonLd = [
   title={`${t('about.pageTitle')} - ${siteSettings.siteShortName}`}
   description={siteSettings.siteDescription}
   siteSettings={siteSettings}
-  jsonLd={aboutJsonLd.filter(Boolean)}
+  jsonLd={compactJsonLd(aboutJsonLd)}
 >
   <PageViewTracker pageType="about" entityId="about" />
   <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-8">