feature(web): Added full-screen button and volume slider (#50)

## Pull Request Description

Adds the full screen toggle to web and the volume slider.
fix: small fixes for desktop padding
fix: only reload widgets when the content has changed

## Issue Being Fixed

Issue Number: #28

---------

Co-authored-by: PartyDonut <PartyDonut@users.noreply.github.com>

lib/widgets/shared/full_screen_button_web.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+import 'package:ficonsax/ficonsax.dart';
+import 'package:universal_html/html.dart' as html;
+
+class FullScreenButton extends StatefulWidget {
+  const FullScreenButton({super.key});
+
+  @override
+  State<FullScreenButton> createState() => _FullScreenButtonState();
+}
+
+class _FullScreenButtonState extends State<FullScreenButton> {
+  bool fullScreen = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _updateFullScreenStatus();
+  }
+
+  void _updateFullScreenStatus() {
+    setState(() {
+      fullScreen = html.document.fullscreenElement != null;
+    });
+  }
+
+  void toggleFullScreen() async {
+    if (fullScreen) {
+      html.document.exitFullscreen();
+      //Wait for 1 second
+      await Future.delayed(const Duration(seconds: 1));
+    } else {
+      await html.document.documentElement?.requestFullscreen();
+    }
+
+    _updateFullScreenStatus();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return IconButton(
+      onPressed: toggleFullScreen,
+      icon: Icon(
+        fullScreen ? IconsaxOutline.close_square : IconsaxOutline.maximize_4,
+      ),
+    );
+  }
+}