Ajout de ClientOnly autour de ContentRenderer pour améliorer le rendu côté client dans les composants projets et écrits.

app/pages/projects/[slug].vue

@@ -91,10 +91,12 @@ const { copy, copied } = useClipboard({
       class="my-4"
       icon="i-ph-pencil-line-duotone"
     />
+    <ClientOnly>
       <ContentRenderer
       :value="project"
       class="!max-w-none prose dark:prose-invert"
     />
+    </ClientOnly>
     <div class="space-y-4 mt-8">
       <PostFooter />
       <div class="flex gap-4 items-center flex-wrap">

app/pages/writings/[slug].vue

@@ -157,13 +157,15 @@ function scrollToSection(id: string) {
       icon="i-ph-pencil-line-duotone"
     />
     <article class="mt-8">
+      <ClientOnly>
         <ContentRenderer
         :value="post"
         class="!max-w-none prose dark:prose-invert"
       />
+      </ClientOnly>
       <div class="space-y-4 mt-8">
         <PostFooter />
-        <div class="flex gap-4 items-center flex-wrap">
+        <div class="flex gap-4 items-center flex-wrap justify-between sm:justify-start">
           <UButton
             :label="(postDB?.likes ?? 0) > 1 ? `${postDB?.likes ?? 0} likes` : `${postDB?.likes ?? 0} like`"
             :color="likeCookie ? 'red' : 'neutral'"