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/layout/AppSidebar.tsx

@@ -163,7 +163,11 @@ const AppSidebar: React.FC = () => {
       workflowItems.push({
         icon: <BoltIcon />,
         name: "Automation",
-        path: "/automation",
+        subItems: [
+          { name: "Dashboard", path: "/automation" },
+          { name: "Rules", path: "/automation/rules" },
+          { name: "Tasks", path: "/automation/tasks" },
+        ],
       });
     }