home, subscription and other fixes

src/components/CoinIcon.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Image } from "react-native";
+import { icons } from "../assets";
+
+const CoinIcon = ({ size = 22, style }) => {
+  return (
+    <Image
+      source={icons.coin}
+      style={[
+        {
+          width: size,
+          height: size,
+          resizeMode: "contain",
+        },
+        style,
+      ]}
+    />
+  );
+};
+
+export default CoinIcon;

src/components/ProjectDropDown/ProjectDropDown.js

@@ -25,9 +25,10 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import GradientButton from "../GradientButton";
 
 const BUTTON_BLUR_INTENSITY = 20;
+const DROPDOWN_BACKGROUND_COLOR = "#252438";
 const IS_WEB = Platform.OS === "web";
 const WEB_BLUR_FALLBACK_STYLE = {
-  backgroundColor: Palette.glass,
+  backgroundColor: "transparent",
 };
 const BLUR_VIEW_PROPS =
   Platform.OS === "android"
@@ -479,6 +480,7 @@ const styles = StyleSheet.create({
     padding: 8,
     position: "relative",
     overflow: "hidden",
+    backgroundColor: DROPDOWN_BACKGROUND_COLOR,
   },
   dropdownBlurDisabled: {
     opacity: 0.6,
@@ -507,6 +509,7 @@ const styles = StyleSheet.create({
     paddingVertical: 8,
     gap: 9,
     maxHeight: 400,
+    backgroundColor: DROPDOWN_BACKGROUND_COLOR,
   },
   dropdownOverlayContent: {
     maxHeight: 260,
@@ -560,6 +563,7 @@ const styles = StyleSheet.create({
     paddingVertical: 12,
     borderRadius: 10,
     overflow: "hidden",
+    backgroundColor: DROPDOWN_BACKGROUND_COLOR,
   },
   projectImage: {
     width: 60,