refactor: renamed mediaControl theme back to videoControl

Author: Nwagba Okechukwu

package/src/components/Attachment/Card.tsx

@@ -135,7 +135,7 @@ const CardWithContext = <
     theme: {
       colors: { accent_blue, black, blue_alice, transparent },
       imageGallery: {
-        mediaControl: { roundedView },
+        videoControl: { roundedView },
       },
       messageSimple: {
         card: {

package/src/components/ImageGallery/components/ImageGalleryVideoControl.tsx

@@ -56,7 +56,7 @@ export const ImageGalleryVideoControl: React.FC<ImageGalleryFooterVideoControlPr
     const {
       theme: {
         imageGallery: {
-          mediaControl: { durationTextStyle, roundedView, videoContainer },
+          videoControl: { durationTextStyle, roundedView, videoContainer },
         },
       },
     } = useTheme();

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

@@ -196,7 +196,7 @@ export type Theme = {
       rightContainer: ViewStyle;
       usernameText: TextStyle;
     };
-    mediaControl: {
+    videoControl: {
       durationTextStyle: TextStyle;
       roundedView: ViewStyle;
       videoContainer: ViewStyle;
@@ -679,7 +679,7 @@ export const defaultTheme: Theme = {
       rightContainer: {},
       usernameText: {},
     },
-    mediaControl: {
+    videoControl: {
       durationTextStyle: {},
       roundedView: {},
       videoContainer: {},