feat: Introduce alwaysShow prop for MobileBackButton to control visibility and apply minor UI refinements to specialization cards and chat header.

src/components/layout/MobileBackButton.tsx

@@ -5,9 +5,10 @@ import { useRouter } from 'next/navigation';
 interface MobileBackButtonProps {
   label?: string;
   fallbackHref?: string;
+  alwaysShow?: boolean;
 }
 
-export function MobileBackButton({ label, fallbackHref }: MobileBackButtonProps) {
+export function MobileBackButton({ label, fallbackHref, alwaysShow = false }: MobileBackButtonProps) {
   const router = useRouter();
 
   const handleBack = () => {
@@ -23,7 +24,7 @@ export function MobileBackButton({ label, fallbackHref }: MobileBackButtonProps)
   return (
     <button
       onClick={handleBack}
-      className="lg:hidden flex items-center gap-2 mb-4 hover:opacity-70 transition-opacity cursor-pointer"
+      className={`${alwaysShow ? 'flex' : 'lg:hidden flex'} items-center gap-2 mb-4 hover:opacity-70 transition-opacity cursor-pointer`}
     >
       <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
         <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="#00293D" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>