💄 Optimize explore compose region

lib/widgets/post/compose_dialog.dart

@@ -0,0 +1,46 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/models/post.dart';
+import 'package:island/screens/posts/compose.dart';
+import 'package:island/widgets/post/compose_card.dart';
+
+/// A dialog that wraps PostComposeCard for easy use in dialogs.
+/// This provides a convenient way to show the compose interface in a modal dialog.
+class PostComposeDialog extends HookConsumerWidget {
+  final SnPost? originalPost;
+  final PostComposeInitialState? initialState;
+
+  const PostComposeDialog({super.key, this.originalPost, this.initialState});
+
+  static Future<SnPost?> show(
+    BuildContext context, {
+    SnPost? originalPost,
+    PostComposeInitialState? initialState,
+  }) {
+    return showDialog<SnPost>(
+      context: context,
+      useRootNavigator: false,
+      builder:
+          (context) => PostComposeDialog(
+            originalPost: originalPost,
+            initialState: initialState,
+          ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return Dialog(
+      insetPadding: const EdgeInsets.all(16),
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: 600, maxHeight: 700),
+        child: PostComposeCard(
+          originalPost: originalPost,
+          initialState: initialState,
+          onCancel: () => Navigator.of(context).pop(),
+          onSubmit: (post) => Navigator.of(context).pop(post),
+        ),
+      ),
+    );
+  }
+}