chore: Better bottom sheets on desktop

lib/utils/adaptive_bottom_sheet.dart

@@ -8,25 +8,34 @@ Future<T?> showAdaptiveBottomSheet<T>({
   required Widget Function(BuildContext) builder,
   bool isDismissible = true,
   bool isScrollControlled = true,
-  double maxHeight = 512,
+  double maxHeight = 600,
   bool useRootNavigator = true,
-}) =>
+}) {
-    showModalBottomSheet(
+  final dialogMode = FluffyThemes.isColumnMode(context);
+  return showModalBottomSheet(
     context: context,
-      builder: builder,
+    builder: (context) => Padding(
-      // this sadly is ugly on desktops but otherwise breaks `.of(context)` calls
+      padding:
+          dialogMode ? const EdgeInsets.only(bottom: 32.0) : EdgeInsets.zero,
+      child: ClipRRect(
+        borderRadius: dialogMode
+            ? BorderRadius.circular(AppConfig.borderRadius)
+            : const BorderRadius.only(
+                topLeft: Radius.circular(AppConfig.borderRadius),
+                topRight: Radius.circular(AppConfig.borderRadius),
+              ),
+        child: builder(context),
+      ),
+    ),
     useRootNavigator: useRootNavigator,
     isDismissible: isDismissible,
     isScrollControlled: isScrollControlled,
     constraints: BoxConstraints(
-        maxHeight: maxHeight,
+      maxHeight: maxHeight + (dialogMode ? 32 : 0),
-        maxWidth: FluffyThemes.columnWidth * 1.25,
+      maxWidth: FluffyThemes.columnWidth * 1.25 + 64,
     ),
+    backgroundColor: Colors.transparent,
+    showDragHandle: !dialogMode,
     clipBehavior: Clip.hardEdge,
-      shape: const RoundedRectangleBorder(
-        borderRadius: BorderRadius.only(
-          topLeft: Radius.circular(AppConfig.borderRadius),
-          topRight: Radius.circular(AppConfig.borderRadius),
-        ),
-      ),
   );
+}

lib/widgets/public_room_bottom_sheet.dart

@@ -92,10 +92,10 @@ class PublicRoomBottomSheet extends StatelessWidget {
             chunk?.name ?? roomAlias ?? chunk?.roomId ?? 'Unknown',
             overflow: TextOverflow.fade,
           ),
-          leading: IconButton(
+          leading: Center(
-            icon: const Icon(Icons.arrow_downward_outlined),
+            child: CloseButton(
               onPressed: Navigator.of(context, rootNavigator: false).pop,
-            tooltip: L10n.of(context).close,
+            ),
           ),
           actions: [
             Padding(