Adapted settings to tablet

lib/screens/settings/model/customization.model.dart

@@ -2,8 +2,10 @@ import 'package:flutter/material.dart';
 
 class CustomizationModel {
   ScrollController? scrollController;
+  int? selectedScreen;
 
   CustomizationModel({
     this.scrollController,
+    this.selectedScreen,
   });
 }

lib/screens/settings/model/settings.model.dart

@@ -0,0 +1,7 @@
+class SettingsModel {
+  int? selectedScreen;
+
+  SettingsModel({
+    this.selectedScreen,
+  });
+}

lib/screens/settings/provider/settings.provider.dart

@@ -0,0 +1,18 @@
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+import 'package:linkdy/screens/settings/model/settings.model.dart';
+
+part 'settings.provider.g.dart';
+
+@riverpod
+class Settings extends _$Settings {
+  @override
+  SettingsModel build() {
+    return SettingsModel();
+  }
+
+  void setSelectedScreen(int screen) {
+    state.selectedScreen = screen;
+    ref.notifyListeners();
+  }
+}

lib/screens/settings/provider/settings.provider.g.dart

@@ -0,0 +1,25 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'settings.provider.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$settingsHash() => r'709696bfa70c1fa702132beb428561e073c7a620';
+
+/// See also [Settings].
+@ProviderFor(Settings)
+final settingsProvider =
+    AutoDisposeNotifierProvider<Settings, SettingsModel>.internal(
+  Settings.new,
+  name: r'settingsProvider',
+  debugGetCreateSourceHash:
+      const bool.fromEnvironment('dart.vm.product') ? null : _$settingsHash,
+  dependencies: null,
+  allTransitiveDependencies: null,
+);
+
+typedef _$Settings = AutoDisposeNotifier<SettingsModel>;
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member

lib/screens/settings/ui/settings.dart

@@ -2,21 +2,50 @@ import 'dart:io';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_split_view/flutter_split_view.dart';
 import 'package:flutter_svg/flutter_svg.dart';
-import 'package:linkdy/providers/router.provider.dart';
-import 'package:linkdy/router/paths.dart';
 
+import 'package:linkdy/screens/settings/ui/customization/customization.dart';
+import 'package:linkdy/screens/settings/provider/settings.provider.dart';
+import 'package:linkdy/screens/settings/ui/general_settings/general_settings.dart';
 import 'package:linkdy/widgets/section_label.dart';
 import 'package:linkdy/widgets/custom_list_tile.dart';
+import 'package:linkdy/widgets/custom_settings_tile.dart';
 
 import 'package:linkdy/providers/app_info.provider.dart';
 import 'package:linkdy/utils/open_url.dart';
 import 'package:linkdy/constants/strings.dart';
+import 'package:linkdy/config/sizes.dart';
 import 'package:linkdy/constants/urls.dart';
 import 'package:linkdy/i18n/strings.g.dart';
 
 class SettingsScreen extends ConsumerWidget {
-  const SettingsScreen({Key? key}) : super(key: key);
+  const SettingsScreen({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        if (constraints.maxWidth > Sizes.tabletBreakpoint) {
+          return const SplitView.material(
+            hideDivider: true,
+            flexWidth: FlexWidth(mainViewFlexWidth: 1, secondaryViewFlexWidth: 2),
+            child: _List(tabletView: true),
+          );
+        } else {
+          return const _List(tabletView: false);
+        }
+      },
+    );
+  }
+}
+
+class _List extends ConsumerWidget {
+  final bool tabletView;
+
+  const _List({
+    required this.tabletView,
+  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
@@ -27,17 +56,21 @@ class SettingsScreen extends ConsumerWidget {
       body: ListView(
         children: [
           SectionLabel(label: t.settings.appSettings),
-          CustomListTile(
+          _SettingsTile(
             icon: Icons.palette_rounded,
             title: t.settings.customization.customization,
             subtitle: t.settings.customization.customizationDescription,
-            onTap: () => ref.read(routerProvider).push(RoutesPaths.customization),
+            thisItem: 0,
+            twoColumns: tabletView,
+            screenToNavigate: const Customization(),
           ),
-          CustomListTile(
+          _SettingsTile(
             icon: Icons.settings_rounded,
             title: t.settings.generalSettings.generalSettings,
             subtitle: t.settings.generalSettings.generalSettingsDescription,
-            onTap: () => ref.read(routerProvider).push(RoutesPaths.generalSettings),
+            thisItem: 1,
+            screenToNavigate: const GeneralSettings(),
+            twoColumns: tabletView,
           ),
           SectionLabel(label: t.settings.aboutApp),
           CustomListTile(
@@ -82,3 +115,51 @@ class SettingsScreen extends ConsumerWidget {
     );
   }
 }
+
+class _SettingsTile extends ConsumerWidget {
+  final String title;
+  final String subtitle;
+  final IconData icon;
+  final Widget? trailing;
+  final Widget screenToNavigate;
+  final int thisItem;
+  final bool twoColumns;
+
+  const _SettingsTile({
+    required this.title,
+    required this.subtitle,
+    required this.icon,
+    this.trailing,
+    required this.screenToNavigate,
+    required this.thisItem,
+    required this.twoColumns,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    if (twoColumns) {
+      return CustomSettingsTile(
+        title: title,
+        subtitle: subtitle,
+        icon: icon,
+        trailing: trailing,
+        thisItem: thisItem,
+        selectedItem: ref.watch(settingsProvider).selectedScreen,
+        onTap: () {
+          ref.read(settingsProvider.notifier).setSelectedScreen(thisItem);
+          SplitView.of(context).setSecondary(screenToNavigate);
+        },
+      );
+    } else {
+      return CustomListTile(
+        title: title,
+        subtitle: subtitle,
+        icon: icon,
+        trailing: trailing,
+        onTap: () {
+          Navigator.of(context, rootNavigator: true).push(MaterialPageRoute(builder: (context) => screenToNavigate));
+        },
+      );
+    }
+  }
+}