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

src/app/(agent)/agent/edit/page.tsx

@@ -366,7 +366,7 @@ export default function EditProfilePage() {
 
   return (
     <div>
-      <MobileBackButton label="Back" fallbackHref="/agent/dashboard" />
+      <MobileBackButton label="Back" fallbackHref="/agent/dashboard" alwaysShow />
     <div className="flex gap-6 h-[calc(100vh-180px)]">
       {/* Left Sidebar - Quick Links */}
       <div className="w-[220px] flex-shrink-0 hidden lg:block h-full overflow-y-auto scrollbar-thin">

src/app/(user)/user/profile/[id]/page.tsx

@@ -278,7 +278,7 @@ export default function AgentProfileView() {
 
   return (
     <div className="max-w-7xl mx-auto px-4 lg:px-8 py-6 space-y-6">
-      <MobileBackButton label="Back" fallbackHref="/user/profiles" />
+      <MobileBackButton label="Back" fallbackHref="/user/profiles" alwaysShow />
       {/* Main Layout - Responsive: Column on mobile, Row on desktop */}
       <div className="flex flex-col lg:flex-row gap-6 lg:items-stretch">
         {/* Left Sidebar - Status & Contact */}

src/app/support/chat/page.tsx

@@ -277,7 +277,7 @@ export default function SupportChatPage() {
       {/* Chat Area */}
       <main className="flex-1 max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 pb-8 w-full flex flex-col">
         {/* Chat Header */}
-        <div className="border border-[#00293d]/10 rounded-t-[15px] px-6 py-4 flex items-center gap-3 bg-[#00293d]">
+        <div className="border border-[#00293d]/10 rounded-t-[15px] px-6 py-4 flex items-center gap-3 bg-[#648188]">
           <Image
             src="/assets/icons/chat-icon.svg"
             alt=""