Refine layout and styling in GroupDetailPage for improved ux

fe/src/pages/GroupDetailPage.vue

@@ -92,7 +92,7 @@
                 <span class="neo-chore-name">{{ chore.name }}</span>
                 <span class="neo-chore-due">{{ t('groupDetailPage.chores.duePrefix') }} {{
                   formatDate(chore.next_due_date)
-                }}</span>
+                  }}</span>
               </div>
               <VBadge :text="formatFrequency(chore.frequency)" :variant="getFrequencyBadgeVariant(chore.frequency)" />
             </VListItem>
@@ -226,10 +226,10 @@
       <template #footer>
         <VButton variant="neutral" @click="closeSettleShareModal">{{
           t('groupDetailPage.settleShareModal.cancelButton')
-          }}</VButton>
+        }}</VButton>
         <VButton variant="primary" @click="handleConfirmSettle" :disabled="isSettlementLoading">{{
           t('groupDetailPage.settleShareModal.confirmButton')
-          }}</VButton>
+        }}</VButton>
       </template>
     </VModal>
   </main>
@@ -760,6 +760,7 @@ onMounted(() => {
 <style scoped>
 .page-padding {
   padding: 1rem;
+  padding-block-end: 3rem;
   max-width: 1200px;
   margin: 0 auto;
 }