fix(ui): stop marketplace sidebar padding shift at 1023px (#27119)

* fix(ui): stop marketplace sidebar padding shift at 1023px

The core NavList uses `tw:px-2 tw:lg:px-4`, causing an 8px horizontal
jump as the viewport crosses Tailwind's lg (1024px) breakpoint. Override
the padding from the marketplace Sidebar consumer with a constant
`tw:px-4` so nav items stay put on resize.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

* fix(ui): cap expanded sidebar brand logo at 150px

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Siddhant <siddhant@MacBook-Pro-457.local>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: 3 people

openmetadata-ui/src/main/resources/ui/src/components/Sidebar/Sidebar.component.tsx

@@ -99,7 +99,7 @@ const Sidebar = ({ className }: SidebarProps) => {
             />
           ) : (
             <BrandImage
-              className="tw:h-10 tw:w-auto"
+              className="tw:h-10 tw:w-auto tw:max-w-[150px]"
               dataTestId="image"
               height={40}
               width="auto"
@@ -109,14 +109,18 @@ const Sidebar = ({ className }: SidebarProps) => {
       </div>
 
       <div className="app-sidebar-link tw:flex tw:flex-col tw:flex-1 tw:overflow-y-auto">
-        <NavList activeUrl={activeUrl} items={config.items} />
+        <NavList
+          activeUrl={activeUrl}
+          className="tw:px-4"
+          items={config.items}
+        />
 
         {config.bottomItems && (
           <>
             <div className="tw:flex-1" />
             <NavList
               activeUrl={activeUrl}
-              className="tw:pb-4"
+              className="tw:px-4 tw:pb-4"
               items={config.bottomItems}
             />
           </>