…o use Tabs component instead of Select for type selection and improve layout and styling of input fields and labels

🔧 (index.tsx): Add popoverWidth prop to InputComponent to allow setting the width of the popover in CustomInputPopover component
🔧 (index.tsx): Add popoverWidth prop to InputComponent in InputGlobalComponent to set the width of the popover to 315px

✨ (tabs-button.tsx): introduce new TabsButton component to handle tab functionality in UI components
📝 (tabs-button.tsx): add documentation for Tabs, TabsContent, TabsList, TabsTrigger components
📝 (components/index.ts): add popoverWidth property to InputComponentType to control the width of the popover in UI components

… icon next to the modal header text for better visual representation

📝 (GlobalVariableModal.tsx): Update TabsTrigger components to include data-testid attribute for testing purposes

✨ (index.tsx): Introduce new components OptionBadge, CommandItemContent, and SelectionIndicator to improve code organization and reusability
♻️ (index.tsx): Refactor handleRemoveOption function to have a more descriptive parameter signature and improve readability
📝 (index.tsx): Add comments to clarify the purpose of handleOptionSelect function and improve code documentation
📝 (index.tsx): Add comments to describe the purpose of getInputClassName and getAnchorClassName functions for better code understanding

✨ (globalVariables.spec.ts): improve placeholder text for variable name and value fields for better user understanding and experience

… components to correctly reflect initialData type

📝 (GlobalVariableModal.tsx): Update label for submit button to dynamically change based on the presence of initialData

…zed as a Set to prevent unnecessary re-renders. Update memoizedOptions to correctly memoize options as a Set.

…nd value fields to improve clarity and user experience.