Fix styles and rec title

app/javascript/components/TheRecipe.vue

@@ -49,7 +49,7 @@
   );
 
   watch(
-      () => recipe.value?.name,
+      () => recipe.value,
       (newRecipe) => {
         if (newRecipe) {
           document.title = `${newRecipe.name}`;

app/javascript/styles/index.scss

@@ -7,7 +7,7 @@ $coolors-yellow: rgba(240, 162, 2, 1);
 
 $family-serif: Georgia, "Times New Roman", Times, serif;
 
-@use "bulma/sass" as bulma with (
+@use "bulma/versions/bulma-no-dark-mode" as bulma with (
   $family-primary: $family-serif,
   $green: $coolors-green,
   $blue: $coolors-blue,