feat(procedimento): pequenas melhorias no procedureComponent

src/components/procedureCard/procedureCard.tsx

 import React, { ReactElement } from "react";
 import { View, Text, StyleSheet } from "react-native";
 import ShareComponent from "../shareComponent/shareComponent";
+import colors from "../../styles/colors";
 
 interface Props {
   name: string;
@@ -87,10 +88,11 @@ const styles = StyleSheet.create({
 
   cardHigherPart: {
     display: "flex",
-    backgroundColor: "#FFFFFF",
+    backgroundColor: colors.WHITE,
     borderTopLeftRadius: 5,
     borderTopRightRadius: 5,
-    width: "100%",
+    marginLeft: 7,
+    marginRight: 7,
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
@@ -105,12 +107,13 @@ const styles = StyleSheet.create({
     elevation: 5,
   },
   cardLowerPart: {
-    backgroundColor: "#FFB703",
+    backgroundColor: colors.SELECTIVE_YELLOW,
     borderBottomLeftRadius: 10,
     borderBottomRightRadius: 10,
-    height: 17,
-
-    shadowColor: "#000",
+    height: 16,
+    marginLeft: 7,
+    marginRight: 7,
+    shadowColor: colors.EERIE_BLACK,
     shadowOffset: {
       width: 0,
       height: 3,
@@ -129,8 +132,7 @@ const styles = StyleSheet.create({
   shareImage: {
     display: "flex",
     transform: [{ scale: 1.2 }],
-    marginRight: 35,
-    marginBottom: 30,
+    marginRight: 30,
   },
   text: {
     textAlign: "left",