[Search] Getting started upload file link (#241325)

## Summary

We will be updating the add data page here: [[Epic] [Getting Started]
Add Data and Sample Data
page](elastic/search-team#11598 (comment))

Upload file button goes to: `/app/home#/tutorial_directory/fileDataViz`
Sample data button goes to: `/app/home#/tutorial_directory/sampleData`

As of now, that page does not change the url when clicking between tabs



https://github.com/user-attachments/assets/1e04dfc1-0571-404c-a339-8e4e5932c8a8

Author: wildemat

src/platform/plugins/shared/home/public/application/components/tutorial_directory.tsx

@@ -154,6 +154,21 @@ class TutorialDirectoryUi extends React.Component<
     _prevProps: TutorialDirectoryUiProps,
     prevState: Readonly<TutorialDirectoryUiState>
   ) {
+    // Update selected tab when URL changes (e.g., browser back/forward)
+    if (_prevProps.openTab !== this.props.openTab) {
+      const newTab = this.props.openTab;
+      // Validate that the tab exists
+      const tabExists = this.tabs.some((tab) => tab.id === newTab);
+      if (!tabExists) {
+        // If the tab does not exist, redirect to the default tab
+        getServices().history.push(`#/tutorial_directory/${SAMPLE_DATA_TAB_ID}`);
+      } else if (newTab !== this.state.selectedTabId) {
+        this.setState({
+          selectedTabId: newTab,
+        });
+      }
+    }
+
     if (prevState.selectedTabId !== this.state.selectedTabId) {
       this.setBreadcrumbs();
     }
@@ -186,6 +201,8 @@ class TutorialDirectoryUi extends React.Component<
     this.setState({
       selectedTabId: id,
     });
+    // Update URL to reflect the selected tab
+    getServices().history.push(`#/tutorial_directory/${id}`);
   };
 
   getTabs = () => {

src/platform/plugins/shared/home/public/application/kibana_services.ts

@@ -17,6 +17,7 @@ import type {
   ApplicationStart,
   ThemeServiceStart,
   I18nStart,
+  AppMountParameters,
 } from '@kbn/core/public';
 import type { UiCounterMetricType } from '@kbn/analytics';
 import type { UrlForwardingStart } from '@kbn/url-forwarding-plugin/public';
@@ -57,6 +58,7 @@ export interface HomeKibanaServices {
   overlays: OverlayStart;
   theme: ThemeServiceStart;
   i18nStart: I18nStart;
+  history: AppMountParameters['history'];
 }
 
 let services: HomeKibanaServices | null = null;

src/platform/plugins/shared/home/public/plugin.ts

@@ -44,6 +44,7 @@ export interface HomePluginStartDependencies {
   urlForwarding: UrlForwardingStart;
   cloud: CloudStart;
   share: SharePluginStart;
+  history: AppMountParameters['history'];
 }
 
 export interface HomePluginSetupDependencies {
@@ -114,6 +115,7 @@ export class HomePublicPlugin
           theme: core.theme,
           i18nStart: coreStart.i18n,
           shareStart,
+          history: params.history,
         });
         coreStart.chrome.docTitle.change(
           i18n.translate('home.pageTitle', { defaultMessage: 'Home' })

x-pack/solutions/search/plugins/search_getting_started/public/components/header/add_data_button.tsx

@@ -32,7 +32,7 @@ export const AddDataButton: React.FC = () => {
       data-test-subj="gettingStartedUploadMenuItem"
       onClick={() => {
         closePopover();
-        application.navigateToApp('ml', { path: 'filedatavisualizer' });
+        application.navigateToApp('home', { path: '#/tutorial_directory/fileDataViz' });
       }}
     >
       {i18n.translate('xpack.search.gettingStarted.addDataButton.uploadFile', {