feat: implement BackButton component for consistent navigation

- Added BackButton component to standardize back navigation across pages.
- Integrated BackButton into various pages, replacing custom back buttons for consistency.
- Updated PageHeader to accept backTo prop for displaying BackButton when navigating from subpages.
- Created useGoBack hook to handle navigation logic, determining whether to go back in history or redirect to a fallback page.
- Added tests for BackButton and its integration with PageHeader to ensure expected behavior.

assets/admin/pages/DoctorDetailPage.tsx

@@ -35,6 +35,7 @@ import ImageCropModal from '../components/ImageCropModal';
 import { ScheduleSection } from '../components/schedule/ScheduleSection';
 import type { AddressData } from '../components/schedule/ScheduleSection';
 import { latinDigitsField } from '../lib/forms';
+import BackButton from '../components/ui/BackButton';
 import { toggleSpecialtyChild, toggleSpecialtyRoot, removeSpecialtyEntry } from '../lib/specialtySelection';
 
 // Fix leaflet default marker icons
@@ -1378,6 +1379,8 @@ export default function DoctorDetailPage({ isOwnProfile = false }: { isOwnProfil
   return (
     <div className="animate-slide-up space-y-5">
 
+      <BackButton fallback={isOwnProfile ? '/admin/dashboard' : '/admin/doctors'} />
+
       {/* Breadcrumb */}
       <div className="flex items-center gap-2 text-sm text-[var(--text-2)]">
         {isOwnProfile ? (