fix: activefilter live condition

app/(tabs)/index.tsx

@@ -6,10 +6,10 @@ import { router } from "expo-router";
 import React from "react";
 import {
   ActivityIndicator,
+  Image,
   Text,
   TouchableOpacity,
   View,
-  Image,
 } from "react-native";
 import {
   GestureHandlerRootView,
@@ -108,21 +108,22 @@ export default function HomeScreen() {
                   <Text>ALLE</Text>
                 </TouchableOpacity>
               )}
-
-              <TouchableOpacity
-                style={{
-                  padding: 2,
-                  height: 50,
-                  width: 50,
-                  alignItems: "center",
-                  justifyContent: "center",
-                  backgroundColor: "hsl(221, 39%, 80%)",
-                  borderRadius: 50,
-                }}
-                onPress={() => handleFilter("live")}
-              >
-                <Text>LIVE</Text>
-              </TouchableOpacity>
+              {activeFilter !== "live" && (
+                <TouchableOpacity
+                  style={{
+                    padding: 2,
+                    height: 50,
+                    width: 50,
+                    alignItems: "center",
+                    justifyContent: "center",
+                    backgroundColor: "hsl(221, 39%, 80%)",
+                    borderRadius: 50,
+                  }}
+                  onPress={() => handleFilter("live")}
+                >
+                  <Text>LIVE</Text>
+                </TouchableOpacity>
+              )}
 
               {uniqueStreamingServices.map((serviceName) => {
                 const streamingService =