style: format code using Prettier

src/layouts/LeftSidebarLayout.vue

@@ -20,11 +20,11 @@ import SidebarExpandButton from '@/features/sidebar/components/SidebarExpandButt
 import { ref } from 'vue';
 
 const props = defineProps({
-    'expanded': {
+    expanded: {
         default: false,
         required: false,
-        type: Boolean
-    }
+        type: Boolean,
+    },
 });
 
 const expanded = ref(props.expanded);
@@ -37,9 +37,16 @@ const toggleSidebar = function toggleSidebar() {
 <template>
     <div class="layout-container" :class="{ expanded }">
         <div class="sidebar-expand-button-container">
-            <SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
+            <SidebarExpandButton
+                class="sidebar-expand-button"
+                @click="toggleSidebar"
+            />
         </div>
-        <AppSidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
+        <AppSidebar
+            @toggle-expanded="toggleSidebar"
+            :expanded="expanded"
+            class="sidebar"
+        >
             <slot name="sidebar" :toggleSidebar="toggleSidebar" />
         </AppSidebar>
         <main class="main-content">
@@ -54,8 +61,8 @@ const toggleSidebar = function toggleSidebar() {
     grid-template-columns: calc(32px + 2em) 1fr;
     grid-template-rows: auto 1fr;
     grid-template-areas:
-        "sidebar-expand sidebar-expand"
-        "sidebar main-content";
+        'sidebar-expand sidebar-expand'
+        'sidebar main-content';
     border-top: 1px solid var(--border);
 }