design: fix padding, layout

Author: zziglet

src/components/shopping/ShoppingBudget.jsx

@@ -99,7 +99,9 @@ const BudgetInput = styled.input`
 function ShoppingBudget({ budget, present, hideButtons }) {
   const [isEditing, setIsEditing] = useState(false);
   const [newBudget, setNewBudget] = useState();
-  const state = budget === 0 ? 0 : budget - present;
+  const state = budget === 0 ? 0 : Number((budget - present).toFixed(3));
+  const formattedBudget = Number(budget.toFixed(3));
+  const formattedPresent = Number(present.toFixed(3));
   const { token } = useUser();
 
   const handleSetBudget = async () => {
@@ -169,12 +171,12 @@ function ShoppingBudget({ budget, present, hideButtons }) {
                 <ContentContainer>
                   <FiDollarSign color="#daa520" size={32} />
                   <Text className="budget">예산</Text>
-                  <Text className="money">{`${budget}`}₩</Text>
+                  <Text className="money">{`${formattedBudget}`}₩</Text>
                 </ContentContainer>
                 <ContentContainer>
                   <FiDollarSign color="#47572f" size={32} />
                   <Text className="present">현재</Text>
-                  <Text className="money">{`${present}`}₩</Text>
+                  <Text className="money">{`${formattedPresent}`}₩</Text>
                 </ContentContainer>
                 <hr color="#432a00" width="520px" height="1px" />
                 <ContentContainer>

src/pages/price/PriceCategorySearchPage.jsx

@@ -20,7 +20,7 @@ const PriceWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding-top: 60px;
+  padding: 60px 0;
   gap: 20px;
 `;
 

src/pages/price/PriceMainPage.jsx

@@ -20,7 +20,7 @@ const PriceWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding-top: 60px;
+  padding: 60px 0;
   gap: 20px;
 `;
 

src/pages/price/PriceNameSearchPage.jsx

@@ -19,7 +19,7 @@ const PriceWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding-top: 60px;
+  padding: 60px 0;
   gap: 20px;
 `;