Plugins Catalog: Make tabs position consistent with other Grafana pages (#49997) (#50141)

(cherry picked from commit 691a597f43)

Co-authored-by: Jack Westbrook <jack.westbrook@gmail.com>

public/app/features/plugins/admin/pages/PluginDetails.tsx

@@ -75,22 +75,25 @@ export default function PluginDetails({ match, queryParams }: Props): JSX.Elemen
   return (
     <Page>
       <PluginDetailsHeader currentUrl={`${url}?page=${pageId}`} parentUrl={parentUrl} plugin={plugin} />
+      {/* Tab navigation */}
+      <div>
+        <div className="page-container">
+          <TabsBar hideBorder>
+            {tabs.map((tab: PluginDetailsTab) => {
+              return (
+                <Tab
+                  key={tab.label}
+                  label={tab.label}
+                  href={tab.href}
+                  icon={tab.icon as IconName}
+                  active={tab.id === pageId}
+                />
+              );
+            })}
+          </TabsBar>
+        </div>
+      </div>
       <Page.Contents>
-        {/* Tab navigation */}
-        <TabsBar>
-          {tabs.map((tab: PluginDetailsTab) => {
-            return (
-              <Tab
-                key={tab.label}
-                label={tab.label}
-                href={tab.href}
-                icon={tab.icon as IconName}
-                active={tab.id === pageId}
-              />
-            );
-          })}
-        </TabsBar>
-
         {/* Active tab */}
         <TabContent className={styles.tabContent}>
           <PluginDetailsSignature plugin={plugin} className={styles.alert} />