feat: add attachment picker handle theme (#3317)

Author: khushal87

package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx

@@ -24,6 +24,9 @@ type Props = {
 export const AttachmentPickerBottomSheetHandle = ({ animatedIndex }: Props) => {
   const {
     theme: {
+      attachmentPicker: {
+        handle: { container, indicator },
+      },
       colors: { black, white },
     },
   } = useTheme();
@@ -34,8 +37,8 @@ export const AttachmentPickerBottomSheetHandle = ({ animatedIndex }: Props) => {
   }));
 
   return (
-    <Animated.View style={[styles.container, { backgroundColor: white }, style]}>
-      <View style={[styles.handle, { backgroundColor: `${black}1A` }]} />
+    <Animated.View style={[styles.container, { backgroundColor: white }, style, container]}>
+      <View style={[styles.handle, { backgroundColor: `${black}1A` }, indicator]} />
       {/* ^ 1A = 10% opacity */}
     </Animated.View>
   );

package/src/contexts/themeContext/utils/theme.ts

@@ -105,6 +105,10 @@ export type Theme = {
     imageOverlaySelectedComponent: {
       check: ViewStyle;
     };
+    handle: {
+      container: ViewStyle;
+      indicator: ViewStyle;
+    };
   };
   attachmentSelectionBar: {
     container: ViewStyle;
@@ -896,6 +900,10 @@ export const defaultTheme: Theme = {
     errorButtonText: {},
     errorContainer: {},
     errorText: {},
+    handle: {
+      container: {},
+      indicator: {},
+    },
     image: {},
     imageOverlay: {},
     imageOverlaySelectedComponent: {