Correctly Utilize Cache in Tables Flyout

public/components/datasources/components/manage/associated_objects/associated_objects_details_flyout.tsx

@@ -65,7 +65,7 @@
 }: AssociatedObjectsFlyoutProps) => {
   const { loadStatus, startLoading } = useLoadTableColumnsToCache();
   const [tableColumns, setTableColumns] = useState<CachedColumn[] | undefined>([]);
   const [schemaData, setSchemaData] = useState<any>([]);
   const { setToast } = useToast();
 
   const DiscoverButton = () => {
@@ -104,7 +104,7 @@
     );
   };
 
   const DetailComponent = (detailProps: { title: string; description: any }) => {
     const { title, description } = detailProps;
     return (
       <EuiFlexItem>
@@ -168,7 +168,7 @@
       field: 'type',
       name: 'Type',
     },
   ] as Array<EuiTableFieldDataColumnType<any>>;
 
   const noDataMessage = (
     <EuiEmptyPrompt
@@ -220,17 +220,32 @@
       name: 'Data Type',
       'data-test-subj': 'columnDataType',
     },
   ] as Array<EuiTableFieldDataColumnType<any>>;
 
   const renderAccelerationDetailsFlyout = getRenderAccelerationDetailsFlyout();
 
   useEffect(() => {
     if (tableDetail && !tableDetail.columns) {
-      startLoading(datasourceName, tableDetail.database, tableDetail.name);
+      let tables;
+      try {
+        tables = CatalogCacheManager.getTable(
+          datasourceName,
+          tableDetail.database,
+          tableDetail.name
+        );
+      } catch (error) {
+        console.error(error);
+        setToast('Your cache is outdated, refresh databases and tables', 'warning');
+      }
+      if (tables?.columns) {
+        setTableColumns(tables?.columns);
+      } else {
+        startLoading(datasourceName, tableDetail.database, tableDetail.name);
+      }
     } else if (tableDetail && tableDetail.columns) {
       setTableColumns(tableDetail.columns);
     }
   }, []);
 
   useEffect(() => {
     if (loadStatus.toLowerCase() === DirectQueryLoadingStatus.SUCCESS) {
@@ -247,7 +262,7 @@
         setToast('Your cache is outdated, refresh databases and tables', 'warning');
       }
     }
   }, [loadStatus]);
 
   useEffect(() => {
     setSchemaData(