feat(orgchart): enable mobile scroll, global animation settings, and premium shared-element morph

Author: bonfire404

apps/codebility/app/home/_components/DynamicMainContent.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { ReactNode } from "react";
+import { usePathname } from "next/navigation";
 import { useNavStore } from "@/hooks/use-sidebar";
 
 interface DynamicMainContentProps {
@@ -9,13 +10,16 @@ interface DynamicMainContentProps {
 
 export default function DynamicMainContent({ children }: DynamicMainContentProps) {
   const { isToggleOpen } = useNavStore();
-  
-  // Dynamic margin based on sidebar state - only apply on desktop (lg screens and up)
-  const marginClass = isToggleOpen ? "lg:ml-64" : "lg:ml-20"; // 16rem = ml-64, 5rem = ml-20
-  
+  const pathname = usePathname();
+
+  const isOrgChart = pathname === "/home/orgchart";
+
+
+  const marginClass = isToggleOpen ? "lg:ml-64" : "lg:ml-20";
+
   return (
-    <main 
-      className={`background-lightsection_darksection flex-1 pt-[60px] overflow-y-auto overflow-x-hidden min-h-screen ${marginClass} transition-all duration-300 ease-in-out`}
+    <main
+      className={`background-lightsection_darksection flex-1 pt-[60px] ${isOrgChart ? "lg:overflow-hidden lg:h-[calc(100vh)] overflow-y-auto" : "overflow-y-auto"} overflow-x-hidden h-full ${marginClass} transition-all duration-300 ease-in-out`}
     >
       {children}
     </main>

apps/codebility/app/home/admin-controls/ticket-support/_components/TicketManagementView.tsx

@@ -35,7 +35,7 @@ export default function TicketManagementView({
   codevList,
 }: TicketManagementViewProps) {
   const router = useRouter();
-  const { closeNav, toggleNav, isToggleOpen } = useNavStore(); 
+  const { } = useNavStore(); 
   const [selectedTicket, setSelectedTicket] = useState<TicketSupport | null>(null);
   const [searchQuery, setSearchQuery] = useState("");
   const [sortField, setSortField] = useState<SortField>("created_at");
@@ -45,8 +45,6 @@ export default function TicketManagementView({
   const [filterAssignedTo, setFilterAssignedTo] = useState<string>("ALL");
   const [showArchived, setShowArchived] = useState(false);
 
-  const [wasSidebarOpen, setWasSidebarOpen] = useState(false);
-
 
   useEffect(() => {
     if (selectedTicket) {
@@ -130,17 +128,10 @@ export default function TicketManagementView({
 
   const handleTicketSelect = (ticket: TicketSupport) => {
     setSelectedTicket(ticket);
-    setWasSidebarOpen(isToggleOpen);
-    if (isToggleOpen) {
-      closeNav(); 
-    }
   };
 
   const handleCloseSidebar = () => {
     setSelectedTicket(null);
-    if (wasSidebarOpen && !isToggleOpen) {
-      toggleNav(); 
-    }
   };
 
   const handleTicketUpdated = () => {