Fix form keyboard issues and sticky footers in agent screens

src/components/Card/index.tsx

@@ -0,0 +1,45 @@
+import React, { memo, type PropsWithChildren } from 'react';
+import {
+  StyleSheet,
+  View,
+  type StyleProp,
+  type ViewStyle,
+} from 'react-native';
+
+import { useTheme } from '../../theme';
+
+interface CardProps extends PropsWithChildren {
+  style?: StyleProp<ViewStyle>;
+  variant?: 'default' | 'glass';
+}
+
+const CardComponent = ({ children, style, variant = 'default' }: CardProps) => {
+  const theme = useTheme();
+
+  return (
+    <View
+      style={[
+        styles.card,
+        theme.shadows.soft,
+        {
+          backgroundColor: variant === 'glass' ? theme.colors.cardGlass : theme.colors.surface,
+          borderColor: theme.colors.cardBorder,
+          borderRadius: theme.radius.lg,
+        },
+        style,
+      ]}
+    >
+      {children}
+    </View>
+  );
+};
+
+
+const styles = StyleSheet.create({
+  card: {
+    borderWidth: 1,
+    padding: 18,
+  },
+});
+
+export const Card = memo(CardComponent);