refactor: remove imageGallary.videoControl style with card.playButtonStyle

Author: Nwagba Okechukwu

package/src/components/Attachment/Card.tsx

@@ -133,9 +133,6 @@ const CardWithContext = <
   const {
     theme: {
       colors: { accent_blue, black, blue_alice, transparent, white },
-      imageGallery: {
-        videoControl: { roundedView },
-      },
       messageSimple: {
         card: {
           authorName,
@@ -147,6 +144,7 @@ const CardWithContext = <
           cover,
           footer: { description, title: titleStyle, ...footerStyle },
           noURI,
+          playButtonStyle: { roundedView },
           playIcon: { height, width },
         },
       },

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

@@ -377,6 +377,11 @@ export type Theme = {
         title: TextStyle;
       };
       noURI: ViewStyle;
+      playButtonStyle: {
+        durationTextStyle: TextStyle;
+        roundedView: ViewStyle;
+        videoContainer: ViewStyle;
+      };
       playIcon: IconProps;
     };
     container: ViewStyle;
@@ -860,6 +865,11 @@ export const defaultTheme: Theme = {
         borderLeftWidth: 2,
         paddingLeft: 8,
       },
+      playButtonStyle: {
+        durationTextStyle: {},
+        roundedView: {},
+        videoContainer: {},
+      },
       playIcon: {
         height: 24,
         width: 24,