fix focusable field and pop-up style

front/components/UI/Glassmorphism.tsx

@@ -16,7 +16,7 @@ const GlassmorphismCC = ({ children, style }: GlassmorphismCCProps) => {
     return (
         <BlurView
             style={[{borderRadius: 12}, style]}
-            intensity={70}
+            intensity={80}
             tint={colorScheme === 'light' ? 'light' : 'dark'}
         >
             {children}

front/components/UI/InteractiveBase.tsx

@@ -7,6 +7,7 @@ interface InteractiveBaseProps {
 	onPress?: () => Promise<void>;
 	isDisabled?: boolean;
 	isOutlined?: boolean;
+	focusable?: boolean;
 	style?: StyleProp<ViewStyle>;
 	styleAnimate: {
 		Default: {
@@ -47,6 +48,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
 	styleAnimate,
 	isDisabled = false,
 	isOutlined = false,
+	focusable = true,
 }) => {
 	const scaleAnimator = useRef(new Animated.Value(1)).current;
 	const scaleValue = scaleAnimator.interpolate({
@@ -238,6 +240,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
 	return (
 		<Animated.View style={[style, isDisabled ? disableStyle : animatedStyle]}>
 			<Pressable
+				focusable={focusable}
 				disabled={isDisabled}
 				onHoverIn={handleMouseEnter}
 				onPressIn={handlePressIn}

front/components/UI/PopupCC.tsx

@@ -18,7 +18,7 @@ type PopupCCProps = {
 const PopupCC = ({ title, description, children, isVisible, setIsVisible }: PopupCCProps) => {
 	return (
         <Modal
-            backdropOpacity={0.3}
+            backdropOpacity={0.75}
             isVisible={isVisible}
             style={{
                 display: 'flex',

front/components/UI/TextFieldBase.tsx

@@ -100,7 +100,7 @@ const TextFieldBase: React.FC<TextFieldBaseProps> = ({
 	});
 
 	return (
-		<InteractiveBase style={[style, { borderRadius: 12 }]} styleAnimate={styleAnimate}>
+		<InteractiveBase style={[style, { borderRadius: 12 }]} styleAnimate={styleAnimate} focusable={false}>
 			<View style={styles.container}>
 				<View style={styles.iconContainerLeft}>
 					{icon && (