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/components/header/HeaderMetrics.tsx

@@ -7,7 +7,7 @@ export const HeaderMetrics: React.FC = () => {
   if (!metrics || metrics.length === 0) return null;
 
   return (
-    <div className="igny8-header-metrics hidden lg:flex">
+    <div className="igny8-header-metrics flex">
       {metrics.map((metric, index) => (
         <React.Fragment key={index}>
           <div className="igny8-header-metric">