Hybrid output rendering

- Changed output to `hybrid` instead of `server`
- Bugfixes to ShowcaseTabs (iamge sizing)
- Changes due to hybrid rendering

astro.config.mjs

@@ -9,7 +9,7 @@ import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "server",
+  output: "hybrid",
   adapter: node({
     mode: "standalone",
   }),

src/components/ShowcaseTabs.jsx

@@ -36,7 +36,7 @@ export function ShowcaseTabs({ currentLocale }) {
                 <span className="text-pretty">{item.description}</span>
               </CardDescription>
             </CardHeader>
-            <CardContent className="h-[85%] w-full">
+            <CardContent className="w-full max-h-[78%] lg:h-full">
               <div className="h-full w-full">
                 <img
                   src={item.image}

src/pages/[lang]/blog/[...slug].astro

@@ -40,6 +40,7 @@ const { Content } = await page.render();
           <a href={`${Astro.url.origin}/${Astro.currentLocale}/blog/tags/${tag}`}>#{tag}</a>
         )}
       </div>
+      { // @ts-ignore }
       <Separator className="my-4"/>
     </div>
     <Content />

src/pages/[lang]/music/index.astro

@@ -32,7 +32,8 @@ const songs = await getCompositions()
     <div class="p-4">
       <h4 class="mb-2 text-3xl font-semibold leading-none text-foreground">{t("music")["title"]}</h4>
 	    <p class="mb-4 text-md leading-none text-foreground">{t("music")["description"]}</p>
-	    <Separator className="my-4"/>
+	    { // @ts-ignore }
+      <Separator className="my-4"/>
       <CompositionsList songs={songs}/>
     </div>
   </SinglePageBlogMode>

src/pages/[lang]/rss.xml.js

@@ -1,3 +1,5 @@
+export const prerender = false;
+
 import rss from '@astrojs/rss';
 import { getBlogPosts } from "../../content/config";
 

src/pages/index.astro

@@ -1,5 +1,5 @@
 ---
-export const prerender = true;
+export const prerender = false;
 
 import type { GetStaticPaths } from "astro";
 import MainLayout from "../layouts/MainLayout.astro";
@@ -15,7 +15,7 @@ export const getStaticPaths = (() => {
 
 const { lang } = Astro.params
 
-// Don't remove - redirects user to language version for the preffered language
+// Don't remove
 if (Astro.preferredLocale) {
   return Astro.redirect(`/${Astro.preferredLocale}/`);
 }