Update translation namespace and button properties

Changed the translation namespace from 'comics' to 'members' for accuracy. Adjusted ScrollBottomButton properties: updated class name, text format, theme, and size to improve UI consistency and functionality.

Author: leolabdev

frontend-next-migration/src/app/[lng]/(intro)/team/layout.tsx

@@ -18,7 +18,7 @@ type Props = {
 export default async function TeamLayout({ children, params }: Props) {
     const { lng } = params;
 
-    const { t } = await useServerTranslation(lng, 'comics');
+    const { t } = await useServerTranslation(lng, 'members');
 
     return (
         <>
@@ -38,8 +38,8 @@ export default async function TeamLayout({ children, params }: Props) {
                     // </ScrollToSectionButton>
                     <ScrollBottomButton
                         // isDisabled={isError || isLoading}
-                        className={classNames(cls.scrollBottomButton)}
-                        text={t('playButton')}
+                        className={classNames(cls.diveButton)}
+                        text={`${t('Play')} ▶`}
                     />
                 }
             >

frontend-next-migration/src/features/ScrollBottom/ui/ScrollBottomButton.tsx

@@ -29,8 +29,9 @@ const ScrollBottomButtonComponent = (props: Props) => {
             disabled={isDisabled}
             className={className}
             id={ScrollButtonId}
-            theme={ButtonTheme.Graffiti}
-            size={ButtonSize.XL}
+            withScalableLink={true}
+            size={ButtonSize.L}
+            theme={ButtonTheme.BACKGROUND}
             onClick={handleWatchClick}
         >
             {text}