improvement: rtl direction, solar calendar and persian formatting added for persian users.

frontend/src/components/ui/appointments/AppointmentScheduleGrid.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useMemo, useState } from 'react';
-import { useTranslations } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 import type { AppointmentColumnProvider, AppointmentRecord } from '@/types/appointment';
 import {
   SCHEDULE_SLOT_MINUTES,
@@ -96,6 +96,7 @@ export function AppointmentScheduleGrid({
   onAppointmentClick,
   onAppointmentOutsideHours,
 }: AppointmentScheduleGridProps) {
+  const locale = useLocale();
   const t = useTranslations('appointments');
   const [overlapPopover, setOverlapPopover] = useState<OverlapPopoverState | null>(null);
 
@@ -218,7 +219,7 @@ export function AppointmentScheduleGrid({
                     className="absolute left-0 right-0 text-[11px] text-text-muted flex items-start justify-end pr-1.5 pt-0.5 border-b border-border/50"
                     style={{ top, height }}
                   >
-                    {formatMinuteLabel(hour * 60)}
+                    {formatMinuteLabel(hour * 60, locale)}
                   </div>
                 );
               })}
@@ -263,7 +264,7 @@ export function AppointmentScheduleGrid({
                                 : slotDisabled
                                   ? t('slotCannotCreate')
                                   : t('slotBookAt', {
-                                      time: formatMinuteLabel(slotStartMinute),
+                                      time: formatMinuteLabel(slotStartMinute, locale),
                                     })
                           }
                           className={`absolute left-0 right-0 border-b border-border/50 transition-colors ${