fix: use dialog-card-sm class instead of inline px in dialog shell

DESIGN.md requires rem and forbids inline styles; EffortDialogShell used
an inline px max-width. Switch to the existing dialog-card-sm class
(31.25rem / 500px) and drop the maxWidth prop, standardizing the effort
dialogs on the design-system size. Addresses CodeRabbit review on #228.

Author: rlorenzo

VueApp/src/Effort/components/EffortDialogShell.vue

@@ -5,7 +5,7 @@
         :aria-labelledby="titleId"
         @keydown.escape="$emit('close')"
     >
-        <q-card :style="{ width: '100%', maxWidth: `${maxWidth}px` }">
+        <q-card class="dialog-card-sm">
             <q-card-section class="row items-center q-pb-none">
                 <div
                     :id="titleId"
@@ -48,19 +48,16 @@
 import { ref } from "vue"
 import type { QForm } from "quasar"
 import DialogSubmitActions from "./DialogSubmitActions.vue"
+import "../effort-dialogs.css"
 import "../effort-forms.css"
 
-withDefaults(
-    defineProps<{
-        modelValue: boolean
-        title: string
-        titleId: string
-        submitLabel: string
-        isSaving: boolean
-        maxWidth?: number
-    }>(),
-    { maxWidth: 550 },
-)
+defineProps<{
+    modelValue: boolean
+    title: string
+    titleId: string
+    submitLabel: string
+    isSaving: boolean
+}>()
 
 defineEmits<{
     close: []

VueApp/src/Effort/components/EffortRecordAddDialog.vue

@@ -5,7 +5,6 @@
         title="Add Effort Record"
         title-id="effort-record-add-title"
         submit-label="Add Effort"
-        :max-width="500"
         :is-saving="isSaving"
         @close="handleClose"
         @submit="createRecord"

VueApp/src/Effort/components/EffortRecordEditDialog.vue

@@ -5,7 +5,6 @@
         title="Edit Effort Record"
         title-id="effort-record-edit-title"
         submit-label="Save"
-        :max-width="500"
         :is-saving="isSaving"
         @close="handleClose"
         @submit="updateRecord"