improve some texts + styles

app/home/(user)/(dashboard)/booking/page.tsx

@@ -28,9 +28,13 @@ function BookingPage() {
     return (
       <>
         <AppBreadcrumbs />
-        <h3 className="mt-8">
+        <HomeLayoutPageHeader
+          title={<Trans i18nKey={'booking:title'} />}
+          description={<Trans i18nKey={'booking:description'} />}
+        />
+        <h4 className="mt-8">
           <Trans i18nKey="booking:noCategories" />
-        </h3>
+        </h4>
       </>
     );
   }

app/home/(user)/(dashboard)/order-health-analysis/page.tsx

@@ -21,6 +21,9 @@ async function OrderHealthAnalysisPage() {
         description={<Trans i18nKey={'order-health-analysis:description'} />}
       />
       <PageBody>
+        <h4 className="mt-8">
+          <Trans i18nKey="booking:noCategories" />
+        </h4>
       </PageBody>
     </>
   );

app/home/(user)/(dashboard)/order/page.tsx

@@ -61,6 +61,11 @@ async function OrdersPage() {
             </React.Fragment>
           )
         })}
+        {analysisOrders.length === 0 && (
+          <h5 className="mt-6">
+            <Trans i18nKey="orders:noOrders" />
+          </h5>
+        )}
       </PageBody>
     </>
   );

app/home/(user)/_components/dashboard-cards.tsx

@@ -8,7 +8,7 @@ import { Trans } from '@kit/ui/trans';
 
 export default function DashboardCards() {
   return (
-    <div className="flex gap-4 lg:px-4">
+    <div className="flex gap-4">
       <Card
         variant="gradient-success"
         className="xs:w-1/2 sm:w-auto flex w-full flex-col justify-between"