fix: portal mobile overflow — hide scrollbar on PetProfiles tab row

- Add scrollbar-hide CSS utility to index.css (webkit + Firefox + IE)
- Apply scrollbar-hide to PetProfiles tab overflow-x-auto row
- BillingPayments.tsx already has overflow-x-auto + flex-wrap on dev; no change needed

Fixes GRO-730: My Pets (+52px) and Billing (+61px) at 390px viewport

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/web/src/index.css

@@ -67,18 +67,14 @@ input:focus, select:focus, textarea:focus {
 
 /* ─── Scrollbar polish ─── */
 ::-webkit-scrollbar {
-  width: 6px;
+  display: none;
 }
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
 ::-webkit-scrollbar-thumb {
-  background: #cbd5e1;
+  display: none;
-  border-radius: 3px;
 }
 
-::-webkit-scrollbar-thumb:hover {
+/* ─── Scrollbar hide utility ─── */
-  background: #94a3b8;
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }

apps/web/src/portal/sections/PetProfiles.tsx

@@ -182,7 +182,7 @@ export function PetProfiles({ sessionId, readOnly }: Props) {
       )}
 
       {/* Tabs */}
-      <div className="flex gap-1 bg-white rounded-xl border border-stone-200 p-1 overflow-x-auto">
+      <div className="flex gap-1 bg-white rounded-xl border border-stone-200 p-1 overflow-x-auto scrollbar-hide">
         {([
           { id: "info", label: "Basic Info", icon: PawPrint },
           { id: "medical", label: "Medical", icon: Heart },