chore: comment fixes - tab issues and hardcoded strings

packages/frontend/src/components/shared/Tabs/Tabs.theme.ts

@@ -8,7 +8,6 @@ export const tabsTheme = tv({
     triggerWrapper: [
       // Horizontal – default
       'px-1',
-      'pb-5',
       'cursor-default',
       'select-none',
       'text-elements-low-em',
@@ -55,9 +54,13 @@ export const tabsTheme = tv({
       'outline-none',
       'leading-none',
       'tracking-[-0.006em]',
+      'text-sm',
       'rounded-md',
       // Horizontal – default
       'data-[orientation=horizontal]:focus-ring',
+      'data-[orientation=horizontal]:h-10',
+      // select direct child of data-[orientation=horizontal]
+      '[&[data-orientation=horizontal]_>_*]:h-full',
       // Vertical
       'data-[orientation=vertical]:gap-2',
       'data-[orientation=vertical]:justify-start',

packages/frontend/src/pages/org-slug/projects/id/Overview.tsx

@@ -162,7 +162,7 @@ const OverviewTabPanel = () => {
               <div className="flex gap-2 items-center">
                 <BranchStrokeIcon className="text-elements-low-em w-4 h-5" />
                 <span className="text-elements-high-em text-sm tracking-tighter">
-                  feature/add-remote-control
+                  {project.deployments[0]?.branch}
                 </span>
               </div>
             </OverviewInfo>
@@ -172,7 +172,9 @@ const OverviewTabPanel = () => {
               <div className="flex gap-2 items-center">
                 <Link to="#">
                   <span className="group text-controls-primary hover:border-controls-primary transition-colors border-b border-b-transparent flex gap-2 items-center text-sm tracking-tight">
-                    dbname{' '}
+                    {/* // TODO: add db name
+                      dbname
+                    */}
                     <LinkIcon className="group-hover:rotate-45 transition-transform" />
                   </span>
                 </Link>