fix: apply ESLint rule vue/padding-line-between-blocks

app/javascript/v3/components/Divider/SimpleDivider.vue

@@ -8,6 +8,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="relative my-4 section-separator">
     <div class="absolute inset-0 flex items-center" aria-hidden="true">

app/javascript/v3/components/Form/Button.vue

@@ -81,6 +81,7 @@ const onClick = () => {
   emit('click');
 };
 </script>
+
 <template>
   <button
     class="inline-flex items-center gap-1 text-sm font-medium reset-base rounded-xl w-fit"

app/javascript/v3/components/Form/Input.vue

@@ -62,6 +62,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"

app/javascript/v3/components/Form/ProfileAvatar.vue

@@ -45,6 +45,7 @@ const onAvatarDelete = () => {
   emits('delete');
 };
 </script>
+
 <template>
   <div class="relative rounded-xl h-[72px] w-[72px] cursor-pointe group">
     <img

app/javascript/v3/components/Form/Select.vue

@@ -81,6 +81,7 @@ export default {
     </select>
   </WithLabel>
 </template>
+
 <style scoped>
 .select-caret {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28110, 111, 115%29'></polygon></svg>");

app/javascript/v3/components/Form/Textarea.vue

@@ -53,6 +53,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <WithLabel
     :label="label"

app/javascript/v3/components/Form/WithLabel.vue

@@ -24,6 +24,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <div class="space-y-1">
     <label