docs: fix apple secret generator tool form spacing (#39612)

Co-authored-by: Alan Daniel <stylesshjs@gmail.com>

apps/docs/components/AppleSecretGenerator/AppleSecretGenerator.tsx

@@ -104,7 +104,7 @@ const AppleSecretGenerator = () => {
   const [error, setError] = useState('')
 
   return (
-    <>
+    <div className="flex flex-col gap-3">
       <Input
         label="Account ID"
         labelOptional="required"
@@ -186,7 +186,7 @@ const AppleSecretGenerator = () => {
           />
         </>
       )}
-    </>
+    </div>
   )
 }
 

packages/ui/src/lib/Layout/FormLayout/FormLayout.tsx

@@ -116,7 +116,7 @@ export function FormLayout({
 
   // console.log('error', error)
 
-  const renderError = (
+  const renderError = error && (
     <p
       data-state={error ? 'show' : 'hide'}
       className={[__styles.error.base, __styles.error.size[size]].join(' ')}