feat: pass initialCollection state when navigating from CommandPalette

Author: ChingEnLin

frontend/components/CommandPalette.tsx

@@ -256,7 +256,7 @@ const CommandPalette: React.FC<CommandPaletteProps> = ({
           ),
           action: () => {
             onCollectionSelect?.(col.name);
-            if (explorerHref) navigate(explorerHref);
+            if (explorerHref) navigate(explorerHref, { state: { initialCollection: col.name } });
           },
         });
       });

frontend/pages/DataExplorerPageWrapper.tsx

@@ -10,6 +10,7 @@ interface LocationState {
   accountName?: string;
   availableDbs?: DbInfo[];
   availableAccounts?: CosmosDBAccount[];
+  initialCollection?: string;
 }
 
 const DataExplorerPageWrapper: React.FC = () => {
@@ -24,7 +25,9 @@ const DataExplorerPageWrapper: React.FC = () => {
 
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const [activeCollection, setActiveCollection] = useState<string | undefined>(undefined);
+  const [activeCollection, setActiveCollection] = useState<string | undefined>(
+    (location.state as LocationState)?.initialCollection
+  );
 
   // Used to keep sidebar populated during the async load so there's no visual flash
   const [sessionCache] = useState<{ accountName?: string; collections?: CollectionSummary[]; availableAccounts?: CosmosDBAccount[]; availableDbs?: DbInfo[] } | null>(() => {