fix(ui): payment due date calculation, datepicker colors, scrollable tabs, optional receipt, default today date

src/components/classes/ClassSessionsSection.vue

@@ -130,7 +130,7 @@
         </div>
         <div class="col-12 sm:col-6 md:col-3 flex flex-column gap-2">
           <label class="font-semibold text-sm">تاریخ شروع</label>
-          <DatePicker v-model="autoForm.startDate" class="w-full text-sm" placeholder="1403/01/01" />
+          <DatePicker v-model="autoForm.startDate" class="w-full text-sm" :placeholder="getTodayJalali()" />
         </div>
         <div class="col-12 sm:col-6 md:col-3 flex flex-column gap-2">
           <label class="font-semibold text-sm">ساعت شروع</label>
@@ -194,7 +194,7 @@
       <div v-for="(session, index) in manualSessions" :key="index" class="grid align-items-center mb-2 p-2 border-round surface-ground">
         <div class="col-12 sm:col-1 text-center font-bold">#{{ toPersianDigits(index + 1) }}</div>
         <div class="col-12 sm:col-3">
-          <InputText v-model="session.date" placeholder="تاریخ (1403/01/01)" class="w-full text-sm" />
+          <InputText v-model="session.date" :placeholder="`تاریخ (${todayJalali()})`" class="w-full text-sm" />
         </div>
         <div class="col-6 sm:col-2">
           <InputText v-model="session.startTime" placeholder="ساعت شروع" class="w-full text-sm" dir="ltr" />