feat: Refactor settings management into a dedicated page with new configuration options, including live stream source and remote input settings

hooks/useAnimation.ts

@@ -0,0 +1,18 @@
+import { useRef, useEffect } from 'react';
+import { Animated } from 'react-native';
+
+export const useButtonAnimation = (isFocused: boolean, size: number = 1.1) => {
+  const scaleValue = useRef(new Animated.Value(1)).current;
+
+  useEffect(() => {
+    Animated.spring(scaleValue, {
+      toValue: isFocused ? size : 1,
+      friction: 5,
+      useNativeDriver: true,
+    }).start();
+  }, [ isFocused, scaleValue, size]);
+
+  return {
+    transform: [{ scale: scaleValue }],
+  };
+};