Enhance FunctionalitiesModule component with ReactNode optionsContent prop

This commit improves the FunctionalitiesModule component by adding a new prop that accepts a ReactNode, named `optionsContent`. This enhancement allows the component to render more complex content within each option, providing greater flexibility and customization possibilities for the FunctionalitiesModule component.

Author: Hector Arce De Las Heras

src/components/functionalitiesModule/__tests__/functionalitiesModule.test.tsx

@@ -33,6 +33,7 @@ const mockProps: IFunctionalitiesModuleUnControlled = {
           value: 2,
         },
       ],
+      optionsContent: <div>Content example</div>,
     },
     {
       tab: { content: 'label2' },

src/components/functionalitiesModule/functionalitiesModuleStandAlone.tsx

@@ -58,6 +58,7 @@ const FunctionalitiesModuleStandAloneComponent = (
         >
           {props.styles.listOptions?.optionVariant && props.styles.listOptions.variant && (
             <ListOptions
+              content={section.optionsContent}
               dataTestId={`${props.dataTestId}ListOptions`}
               optionVariant={props.styles.listOptions.optionVariant}
               options={section.options}

src/components/functionalitiesModule/stories/functionalitiesModule.stories.tsx

@@ -1,6 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react';
+import React from 'react';
 
 import { ICONS } from '@/assets';
+import { ReplaceContent } from '@/components/storybook/replaceContent/replaceContent';
+import { SummaryDetails } from '@/components/summaryDetails';
 import { STYLES_NAME } from '@/constants';
 import { themesObject, variantsObject } from '@/designSystem/themesObject';
 
@@ -58,6 +61,33 @@ export const FunctionalitiesModule: Story = {
   },
 };
 
+export const FunctionalitiesModuleWithContent: Story = {
+  args: {
+    ...commonArgs,
+    sections: [
+      {
+        ...SECTIONS[0],
+        optionsTitle: { content: 'Options Title' },
+        optionsContent: (
+          <div style={{ backgroundColor: 'red', padding: '3px' }}>
+            <SummaryDetails
+              description={{ content: 'description' }}
+              icon={{ icon: ICONS.ICON_PLACEHOLDER }}
+              title={{ content: 'Summary Details' }}
+              variant="SMALL"
+            >
+              <ReplaceContent width="100%" />
+            </SummaryDetails>
+          </div>
+        ),
+      },
+      {
+        ...SECTIONS[1],
+      },
+    ],
+  },
+};
+
 export const FunctionalitiesModuleWithCtv: Story = {
   args: {
     ...commonArgs,

src/components/functionalitiesModule/types/functionalitiesModule.ts

@@ -23,6 +23,7 @@ export type FunctionalitiesModuleSectionType = {
   tab: PrimaryTabTabType;
   options: Omit<ListOptionsOptionType, 'highlighted'>[];
   optionsTitle?: ListOptionsTitleType;
+  optionsContent?: ReactNode;
 };
 
 export type FunctionalitiesModuleTabsConfig = Omit<