Standardize top bar heights in the app

Author: ravikiranvm

packages/ui-components/src/components/assistant-ui/assistant-top-bar.tsx

@@ -60,7 +60,7 @@ const AssistantTopBar = ({
   return (
     <div
       className={cn(
-        'flex flex-col px-4 py-2 gap-1 flex-shrink-0 text-md dark:text-primary font-bold border-b border-gray-200',
+        'flex flex-col px-4 py-2 gap-1 flex-shrink-0 text-md dark:text-primary font-bold border-b border-gray-200 min-h-[60px] justify-center',
       )}
     >
       <div className="flex justify-between items-center gap-2">

packages/ui-components/src/components/page-primitives/page-header.tsx

@@ -11,7 +11,7 @@ const PageHeader = ({
 }) => (
   <div
     className={cn(
-      'flex items-center justify-between border-b w-full bg-background h-[61px] flex-shrink-0',
+      'flex items-center justify-between border-b w-full bg-background h-[60px] flex-shrink-0',
       className,
     )}
   >

packages/ui-components/src/components/sidebar/side-menu-header.tsx

@@ -13,7 +13,7 @@ const SideMenuHeader = ({
 }) => (
   <div
     className={cn(
-      'w-full flex items-center px-6 py-[18px] h-[60px] flex-shrink-0',
+      'w-full flex items-center px-6 py-[18px] h-[60px] flex-shrink-0 border-b',
       className,
     )}
   >

packages/ui-components/src/components/sidebar/side-menu-navigation.tsx

@@ -10,7 +10,7 @@ const SideMenuNavigation = ({
   links,
   isMinimized,
 }: SideMenuNavigationProps) => (
-  <nav className="flex flex-col w-full gap-1 py-3 px-3 border-t">
+  <nav className="flex flex-col w-full gap-1 py-3 px-3">
     {links.map((link, index) => (
       <MenuNavigationItem
         to={link.to}