feat: add an OpenContainer wrapper and remove an unneeded padding on app selector card

lib/ui/widgets/homeView/available_updates_card.dart

@@ -5,9 +5,7 @@ import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/shared/application_item.dart';
 
 class AvailableUpdatesCard extends StatelessWidget {
-  AvailableUpdatesCard({
-    Key? key,
-  }) : super(key: key);
+  AvailableUpdatesCard({Key? key}) : super(key: key);
 
   final List<PatchedApplication> apps =
       locator<HomeViewModel>().patchedUpdatableApps;

lib/ui/widgets/homeView/dashboard_raw_chip.dart

@@ -7,6 +7,7 @@ class DashboardChip extends StatelessWidget {
   final String label;
   final bool isSelected;
   final Function(bool)? onSelected;
+
   const DashboardChip({
     Key? key,
     required this.label,

lib/ui/widgets/homeView/installed_apps_card.dart

@@ -6,9 +6,7 @@ import 'package:revanced_manager/ui/views/home/home_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/shared/application_item.dart';
 
 class InstalledAppsCard extends StatelessWidget {
-  InstalledAppsCard({
-    Key? key,
-  }) : super(key: key);
+  InstalledAppsCard({Key? key}) : super(key: key);
 
   final List<PatchedApplication> apps =
       locator<HomeViewModel>().patchedInstalledApps;

lib/ui/widgets/homeView/latest_commit_card.dart

@@ -9,11 +9,10 @@ import 'package:revanced_manager/ui/widgets/shared/patch_text_button.dart';
 
 class LatestCommitCard extends StatefulWidget {
   final Function() onPressed;
-  final Color? color;
+
   const LatestCommitCard({
     Key? key,
     required this.onPressed,
-    this.color = const Color(0xff1B222B),
   }) : super(key: key);
 
   @override
@@ -28,7 +27,7 @@ class _LatestCommitCardState extends State<LatestCommitCard> {
     return Container(
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(12),
-        color: widget.color,
+        color: Theme.of(context).colorScheme.primary,
       ),
       padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
       child: Row(

lib/ui/widgets/patcherView/app_selector_card.dart

@@ -8,12 +8,10 @@ import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
 
 class AppSelectorCard extends StatelessWidget {
   final Function() onPressed;
-  final Color? color;
 
   const AppSelectorCard({
     Key? key,
     required this.onPressed,
-    this.color = const Color(0xff1B222B),
   }) : super(key: key);
 
   @override
@@ -24,13 +22,12 @@ class AppSelectorCard extends StatelessWidget {
         width: double.infinity,
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(12),
-          color: color,
+          color: Theme.of(context).colorScheme.primary,
         ),
         padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            const SizedBox(height: 10),
             I18nText(
               locator<PatcherViewModel>().selectedApp == null
                   ? 'appSelectorCard.widgetTitle'

lib/ui/widgets/patcherView/patch_selector_card.dart

@@ -8,12 +8,10 @@ import 'package:revanced_manager/ui/views/patcher/patcher_viewmodel.dart';
 
 class PatchSelectorCard extends StatelessWidget {
   final Function() onPressed;
-  final Color? color;
 
   const PatchSelectorCard({
     Key? key,
     required this.onPressed,
-    this.color = const Color(0xff1B222B),
   }) : super(key: key);
 
   @override
@@ -24,7 +22,7 @@ class PatchSelectorCard extends StatelessWidget {
         width: double.infinity,
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(12),
-          color: color,
+          color: Theme.of(context).colorScheme.primary,
         ),
         padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 20),
         child: Column(

lib/ui/widgets/rootCheckerView/magisk_button.dart

@@ -5,6 +5,7 @@ import 'package:google_fonts/google_fonts.dart';
 
 class MagiskButton extends StatelessWidget {
   final Function() onPressed;
+
   const MagiskButton({
     Key? key,
     required this.onPressed,

lib/ui/widgets/settingsView/custom_switch.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 class CustomSwitch extends StatelessWidget {
   final ValueChanged<bool> onChanged;
   final bool value;
+
   const CustomSwitch({
     Key? key,
     required this.onChanged,

lib/ui/widgets/shared/open_container_wrapper.dart

@@ -0,0 +1,28 @@
+import 'package:animations/animations.dart';
+import 'package:flutter/material.dart';
+
+class OpenContainerWrapper extends StatelessWidget {
+  final OpenContainerBuilder openBuilder;
+  final CloseContainerBuilder closedBuilder;
+
+  const OpenContainerWrapper({
+    Key? key,
+    required this.openBuilder,
+    required this.closedBuilder,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return OpenContainer(
+      openBuilder: openBuilder,
+      closedBuilder: closedBuilder,
+      transitionType: ContainerTransitionType.fade,
+      transitionDuration: const Duration(milliseconds: 400),
+      openColor: Theme.of(context).colorScheme.primary,
+      closedColor: Colors.transparent,
+      closedShape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+      ),
+    );
+  }
+}

lib/ui/widgets/shared/patch_text_button.dart

@@ -8,6 +8,7 @@ class PatchTextButton extends StatelessWidget {
   final Function() onPressed;
   final Color borderColor;
   final Color backgroundColor;
+
   const PatchTextButton({
     Key? key,
     required this.text,