feat: Add route listener and update routeChanged method

The route listener is added to the Productled class constructor to listen for route changes. The routeChanged method is updated to be private and accept a URL parameter. This change ensures that the routeChanged method is only called internally and allows the Productled class to execute the appropriate hooks for the new route.

packages/@productled/core/src/Productled.ts

@@ -31,6 +31,7 @@ class Productled {
     this.documentService = new DocumentService();
     this.configStore = new ConfigStore();
     this.routeListener = new RouteListener();
+    this.routeListener.addListener(this.routeChanged.bind(this));
   }
 
   /**
@@ -58,7 +59,7 @@ class Productled {
    * @param {string} url - The URL of the new route
    * @returns {Promise<void>}
    */
-  public routeChanged(url: string) {
+  private routeChanged(url: string) {
     const hooks = this.hookStore.getHooks(url);
 
     const hookExecuter = new HookExecuter(this.pluginStore, this.documentService);
@@ -78,7 +79,6 @@ class Productled {
     // Get the hooks for the plugin and add them to the hook store
     const hooks = this.configStore.getHooks(pluginName);
     this.hookStore.addHooks(hooks, pluginName);
-    this.routeListener.addListener(this.routeChanged.bind(this));
   }
 
 }

packages/samples/react-sample/src/App.tsx

@@ -4,16 +4,12 @@ import Page from './Page'; // Import the existing page component
 import HomePage from './HomePage'; // Import another page component (create this if it doesn't exist)
 import SubPage from './SubPage'; // Import the sub-page component (create this if it doesn't exist)
 import NavBar from './NavBar';
-import ProductledInit from './ProductledInit';
 
 const App: React.FC = () => {
 
-
-
   return (
     <Router>
       <div className="App">
-      <ProductledInit/>
       <NavBar /> {/* Use the NavBar component */}
         <Routes>
           <Route path="/" element={<HomePage />} />