fix: otb config bottom sheet will show up at otb game start (#2320)

Author: nirajk14

lib/src/view/over_the_board/over_the_board_screen.dart

@@ -63,6 +63,14 @@ class _BodyState extends ConsumerState<_Body> {
 
   Side orientation = Side.white;
 
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      showConfigureGameSheet(context, isDismissible: true);
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     final gameState = ref.watch(overTheBoardGameControllerProvider);

test/view/over_the_board/over_the_board_screen_test.dart

@@ -179,6 +179,16 @@ void main() {
 Future<Rect> initOverTheBoardGame(WidgetTester tester, TimeIncrement timeIncrement) async {
   final app = await makeTestProviderScopeApp(tester, home: const OverTheBoardScreen());
   await tester.pumpWidget(app);
+
+  // Wait for bottom sheet to show up
+  await tester.pumpAndSettle();
+
+  // User taps Play to start game now
+  await tester.tap(find.text('Play'));
+
+  // Wait for bottom sheet to disappear
+  await tester.pumpAndSettle();
+
   await tester.tap(find.byIcon(CupertinoIcons.play));
 
   final container = ProviderScope.containerOf(tester.element(find.byType(Chessboard)));