fix(file-button): update default icon and fix section categorization

- Change default icon of FileButton component from IconHome2 to IconFileUpload for better UX
- Set iconVisibility to true by default for FileButton
- Add FileButton to Miscellaneous section in component library
- Replace ButtonGroup with ButtonGroupV2 in Buttons section in component library

frontend/src/AppBuilder/RightSideBar/ComponentManagerTab/sectionConfig.js

@@ -5,7 +5,7 @@ const sectionConfig = {
   },
   buttons: {
     title: 'Buttons',
-    valueSet: new Set(['Button', 'ButtonGroup', 'PopoverMenu', 'FileButton']),
+    valueSet: new Set(['Button', 'ButtonGroupV2', 'PopoverMenu', 'FileButton']),
   },
   data: {
     title: 'Data',
@@ -71,6 +71,7 @@ const sectionConfig = {
     title: 'Miscellaneous',
     valueSet: new Set([
       'FilePicker',
+      'FileButton',
       'CodeEditor',
       'ColorPicker',
       'BoundedBox',

frontend/src/AppBuilder/WidgetManager/widgets/fileButton.js

@@ -329,8 +329,8 @@ export const fileButtonConfig = {
       labelSize: { value: '14' },
       labelWeight: { value: 'medium' },
       labelColor: { value: 'var(--cc-surface1-surface)' },
-      icon: { value: 'IconHome2' },
-      iconVisibility: { value: false },
+      icon: { value: 'IconFileUpload' },
+      iconVisibility: { value: true },
       iconColor: { value: 'var(--cc-surface1-surface)' },
       iconDirection: { value: 'left' },
       loaderColor: { value: 'var(--cc-surface1-surface)' },

frontend/src/AppBuilder/Widgets/FileButton/FileButton.jsx

@@ -177,7 +177,7 @@ export const FileButton = (props) => {
               {iconVisibility && <TablerIcon iconName={icon} size={16} color={computedIconColor} />}
               <span
                 className={clsx(
-                  'tw-flex tw-items-center tw-gap-1.5 tw-flex-1 tw-min-w-0 tw-overflow-hidden',
+                  'tw-flex tw-items-center tw-gap-1.5 tw-min-w-0 tw-overflow-hidden',
                   justifyClass[contentAlignment] ?? 'tw-justify-start'
                 )}
               >

server/src/modules/apps/services/widget-config/fileButton.js

@@ -333,8 +333,8 @@ export const fileButtonConfig = {
       labelSize: { value: '14' },
       labelWeight: { value: 'medium' },
       labelColor: { value: 'var(--cc-surface1-surface)' },
-      icon: { value: 'IconHome2' },
-      iconVisibility: { value: false },
+      icon: { value: 'IconFileUpload' },
+      iconVisibility: { value: true },
       iconColor: { value: 'var(--cc-surface1-surface)' },
       iconDirection: { value: 'left' },
       loaderColor: { value: 'var(--cc-surface1-surface)' },