feat: add blurview to headers as well

src/screens/Search/index.tsx

@@ -2,10 +2,11 @@ import React from 'react';
 import { createStackNavigator } from '@react-navigation/stack';
 import { THEME_COLOR } from 'CONSTANTS';
 import { t } from '@localisation';
-import useDefaultStyles from 'components/Colors';
+import useDefaultStyles, { ColoredBlurView } from 'components/Colors';
 import { StackParams } from 'screens/types';
 import Search from './stacks/Search';
 import Album from 'screens/Music/stacks/Album';
+import { StyleSheet } from 'react-native';
 
 const Stack = createStackNavigator<StackParams>();
 
@@ -17,6 +18,9 @@ function SearchStack() {
             headerTintColor: THEME_COLOR,
             headerTitleStyle: defaultStyles.stackHeader,
             cardStyle: defaultStyles.view,
+            headerTransparent: true,
+            headerBackground: () => <ColoredBlurView style={StyleSheet.absoluteFill} />,
+            
         }}>
             <Stack.Screen name="Search" component={Search} options={{ headerTitle: t('search'), headerShown: false }} />
             <Stack.Screen name="Album" component={Album} options={{ headerTitle: t('album') }} />