refactor: wrap company registration form in v-container and v-card to match style

frontend/app/pages/register/company.vue

@@ -1,10 +1,11 @@
 <template>
-    <div class="page-container form-wrap">
+    <v-container fluid class="page-container form-wrap">
+        <v-card id="page-container-card">
             <h4 class="page-title">Registrácia firmy</h4>
 
             <v-form v-model="isValid" @submit.prevent="onSubmit">
-            <v-text-field v-model="form.companyName" :rules="[rules.required]" label="Názov firmy:" variant="outlined"
-                density="comfortable" />
+                <v-text-field v-model="form.companyName" :rules="[rules.required]" label="Názov firmy:"
+                    variant="outlined" density="comfortable" />
                 <v-text-field v-model="form.companyAddress" :rules="[rules.required]" label="Adresa:" variant="outlined"
                     density="comfortable" />
 
@@ -24,7 +25,8 @@
                     Registrovať
                 </v-btn>
             </v-form>
-    </div>
+        </v-card>
+    </v-container>
 </template>
 
 <script setup>
@@ -61,6 +63,10 @@ function onSubmit() {
     padding-right: 24px;
 }
 
+#page-container-card {
+    padding: 10px;
+}
+
 .form-wrap {
     max-width: 640px;
 }