TF-1694 Upgrade dropdown_button2 to version 2.0.0

(cherry picked from commit 84694b719bcd94a90282146bdc1c173c0e3fbd7e)

lib/features/composer/presentation/composer_view.dart

@@ -314,16 +314,23 @@ class ComposerView extends GetWidget<ComposerController>
               ),
             )).toList(),
             onChanged: (newIdentity) => controller.selectIdentity(newIdentity),
-            itemPadding: const EdgeInsets.symmetric(horizontal: 8),
-            itemHeight: 55,
-            dropdownMaxHeight: 240,
-            dropdownWidth: 300,
-            dropdownDecoration: BoxDecoration(
+            dropdownStyleData: DropdownStyleData(
+              maxHeight: 240,
+              width: 300,
+              decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(20),
                 color: Colors.white),
-            dropdownElevation: 4,
-            scrollbarRadius: const Radius.circular(40),
-            scrollbarThickness: 6,
+              elevation: 4,
+              scrollbarTheme: ScrollbarThemeData(
+                radius: const Radius.circular(40),
+                thickness: MaterialStateProperty.all<double>(6),
+                thumbVisibility: MaterialStateProperty.all<bool>(true),
+              ),
+            ),
+            menuItemStyleData: const MenuItemStyleData(
+              height: 55,
+              padding: EdgeInsets.symmetric(horizontal: 8),
+            )
           ),
         ),
         Expanded(child: Padding(

lib/features/composer/presentation/composer_view_web.dart

@@ -504,16 +504,23 @@ class ComposerView extends GetWidget<ComposerController>
               ),
             )).toList(),
             onChanged: (newIdentity) => controller.selectIdentity(newIdentity),
-            itemPadding: const EdgeInsets.symmetric(horizontal: 8),
-            itemHeight: 55,
-            dropdownMaxHeight: 240,
-            dropdownWidth: 370,
-            dropdownDecoration: BoxDecoration(
+            dropdownStyleData: DropdownStyleData(
+              maxHeight: 240,
+              width: 370,
+              decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(20),
                 color: Colors.white),
-            dropdownElevation: 4,
-            scrollbarRadius: const Radius.circular(40),
-            scrollbarThickness: 6,
+              elevation: 4,
+              scrollbarTheme: ScrollbarThemeData(
+                radius: const Radius.circular(40),
+                thickness: MaterialStateProperty.all<double>(6),
+                thumbVisibility: MaterialStateProperty.all<bool>(true),
+              ),
+            ),
+            menuItemStyleData: const MenuItemStyleData(
+              height: 55,
+              padding: EdgeInsets.symmetric(horizontal: 8),
+            )
           ),
         ),
         Expanded(child: Padding(

lib/features/composer/presentation/widgets/drop_down_menu_header_style_widget.dart

@@ -47,19 +47,25 @@ class DropDownMenuHeaderStyleWidget extends StatelessWidget {
           customButton: icon,
           onChanged: onChanged,
           onMenuStateChange: onMenuStateChange,
-          itemHeight: heightItem,
-          buttonHeight: heightItem,
-          itemPadding: const EdgeInsets.symmetric(horizontal: 12),
-          dropdownWidth: dropdownWidth,
-          dropdownMaxHeight: 200,
-          dropdownDecoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(5),
-            color: Colors.white,
+          buttonStyleData: ButtonStyleData(height: heightItem),
+          dropdownStyleData: DropdownStyleData(
+            maxHeight: 200,
+            width: dropdownWidth,
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(5),
+              color: Colors.white),
+            elevation: 4,
+            offset: const Offset(0.0, -8.0),
+            scrollbarTheme: ScrollbarThemeData(
+              radius: const Radius.circular(40),
+              thickness: MaterialStateProperty.all<double>(6),
+              thumbVisibility: MaterialStateProperty.all<bool>(true),
+            )
           ),
-          offset: const Offset(0.0, -8.0),
-          dropdownElevation: 4,
-          scrollbarRadius: const Radius.circular(40),
-          scrollbarThickness: 6,
+          menuItemStyleData: MenuItemStyleData(
+            height: heightItem,
+            padding: const EdgeInsets.symmetric(horizontal: 12)
+          )
         ),
       ),
     );