feat(package-dialog): replace banner with styled hint for class duration

src/pages/packages/components/AddEditPackageDialog.vue

@@ -23,11 +23,6 @@
                 type="number"
               />
 
-              <q-banner class="col-12 bg-blue-1 text-primary rounded-borders">
-                A duração padrão das aulas é de 2 horas e pode ser alterada se
-                necessário. É possível configurar no máximo dois dias.
-              </q-banner>
-
               <DefaultInput
                 v-model="form.class_duration_hours"
                 label="Duração da Aula (horas)"
@@ -38,6 +33,11 @@
                 step="0.5"
               />
 
+              <div class="col-12 package-duration-hint">
+                A duração padrão das aulas é de 2 horas e pode ser alterada se
+                necessário. É possível configurar no máximo dois dias.
+              </div>
+
               <DefaultSelect
                 v-model="form.weekday"
                 label="1º Dia da Semana"
@@ -359,3 +359,13 @@ const onOKClick = async () => {
   }
 };
 </script>
+
+<style scoped>
+.package-duration-hint {
+  color: #757575;
+  font-size: 12px;
+  line-height: 1.35;
+  padding-top: 4px;
+  padding-bottom: 2px;
+}
+</style>