refactor: move playIcon style into card

Author: Nwagba Okechukwu

package/src/components/Attachment/Card.tsx

@@ -133,7 +133,7 @@ const CardWithContext = <
 
   const {
     theme: {
-      colors: { accent_blue, black, blue_alice, transparent },
+      colors: { accent_blue, black, blue_alice, transparent, white },
       imageGallery: {
         videoControl: { roundedView },
       },
@@ -148,8 +148,6 @@ const CardWithContext = <
           cover,
           footer: { description, title: titleStyle, ...footerStyle },
           noURI,
-        },
-        content: {
           playIcon: { height, pathFill, width },
         },
       },

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

@@ -377,6 +377,7 @@ export type Theme = {
         title: TextStyle;
       };
       noURI: ViewStyle;
+      playIcon: IconProps;
     };
     container: ViewStyle;
     content: {
@@ -401,7 +402,6 @@ export type Theme = {
       messageUser: TextStyle;
       metaContainer: ViewStyle;
       metaText: TextStyle;
-      playIcon: IconProps;
       replyBorder: ViewStyle;
       replyContainer: ViewStyle;
       textContainer: ViewStyle & {
@@ -860,6 +860,11 @@ export const defaultTheme: Theme = {
         borderLeftWidth: 2,
         paddingLeft: 8,
       },
+      playIcon: {
+        height: 24,
+        pathFill: '#000',
+        width: 24,
+      },
     },
     container: {},
     content: {
@@ -910,11 +915,6 @@ export const defaultTheme: Theme = {
       metaText: {
         fontSize: 12,
       },
-      playIcon: {
-        height: 24,
-        pathFill: '#000',
-        width: 24,
-      },
       replyBorder: {},
       replyContainer: {},
       textContainer: {