fix(ui): show configured description on active tabs (#8675)

<!--

For external contributors, please include:

- A summary of the pull request and any related issues it fixes.
- Reasoning for the changes made or any additional context that may be
useful.

Ensure you have read and understand the
[CONTRIBUTING.md](https://github.com/payloadcms/payload/blob/main/CONTRIBUTING.md)
document in this repository.

 -->
fixes #8672

Author: akhrarovsaid

packages/ui/src/fields/Tabs/index.tsx

@@ -112,6 +112,12 @@ const TabsFieldComponent: TabsFieldClientComponent = (props) => {
     return tabPath
   }
 
+  const activeTabDescription = activeTabConfig.description
+  const activeTabStaticDescription =
+    typeof activeTabDescription === 'function'
+      ? activeTabDescription({ t: i18n.t })
+      : activeTabDescription
+
   return (
     <div
       className={[
@@ -154,7 +160,11 @@ const TabsFieldComponent: TabsFieldClientComponent = (props) => {
                 .filter(Boolean)
                 .join(' ')}
             >
-              <FieldDescription Description={field?.admin?.components?.Description} field={field} />
+              <FieldDescription
+                Description={field?.admin?.components?.Description}
+                description={activeTabStaticDescription}
+                field={field}
+              />
               <RenderFields
                 fields={activeTabConfig.fields}
                 forceRender={forceRender}