Add automation routes and enhance header metrics management

- Introduced new routes for Automation Rules and Automation Tasks in the frontend.
- Updated the AppSidebar to include sub-items for Automation navigation.
- Enhanced HeaderMetricsContext to manage credit and page metrics more effectively, ensuring proper merging and clearing of metrics.
- Adjusted AppLayout and TablePageTemplate to maintain credit balance while managing page metrics.

frontend/src/App.tsx

@@ -60,6 +60,8 @@ const ReferenceIndustries = lazy(() => import("./pages/Reference/Industries"));
 
 // Other Pages - Lazy loaded
 const AutomationDashboard = lazy(() => import("./pages/Automation/Dashboard"));
+const AutomationRules = lazy(() => import("./pages/Automation/Rules"));
+const AutomationTasks = lazy(() => import("./pages/Automation/Tasks"));
 
 // Settings - Lazy loaded
 const GeneralSettings = lazy(() => import("./pages/Settings/General"));
@@ -341,6 +343,20 @@ export default function App() {
                 </ModuleGuard>
               </Suspense>
             } />
+            <Route path="/automation/rules" element={
+              <Suspense fallback={null}>
+                <ModuleGuard module="automation">
+                  <AutomationRules />
+                </ModuleGuard>
+              </Suspense>
+            } />
+            <Route path="/automation/tasks" element={
+              <Suspense fallback={null}>
+                <ModuleGuard module="automation">
+                  <AutomationTasks />
+                </ModuleGuard>
+              </Suspense>
+            } />
 
             {/* Settings */}
             <Route path="/settings" element={