feat(ui/axiom): only render seed button in development environments

Author: MFarabi619

apps/axiom/src/components/Nav/index.client.tsx

@@ -9,7 +9,7 @@ import LinkWithDefault from 'next/link'
 import { NavPreferences } from 'payload'
 import { FC, Fragment } from 'react'
 import { getNavIcon } from './navIconMap'
-import { SeedButton } from '../seed-button'
+import { SeedButton } from '@/cms/ui'
 
 type Props = {
   groups: NavGroupType[]
@@ -29,7 +29,7 @@ export const NavClient: FC<Props> = ({ groups, navPreferences }) => {
 
   return (
     <Fragment>
-      <SeedButton />
+      {process.env.NODE_ENV==="development" && <SeedButton />}
       {groups.map(({ entities, label }, key) => {
         return (
           <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>

apps/axiom/src/components/before-dashboard.tsx

@@ -1,7 +1,7 @@
 import { Banner } from '@payloadcms/ui/elements/Banner'
 import React from 'react'
 
-import { SeedButton } from './seed-button'
+import { SeedButton } from '@/cms/ui'
 
 const baseClass = 'before-dashboard'
 
@@ -11,7 +11,7 @@ export const BeforeDashboard: React.FC = () => {
       <Banner className={`${baseClass}__banner`} type="success">
         <h4>Welcome to your dashboard!</h4>
       </Banner>
-      <SeedButton />
+      {process.env.NODE_ENV==="development" && <SeedButton />}
     </div>
   )
 }