banner text (#4460)

dashboard/src/main/home/app-dashboard/apps/Apps.tsx

@@ -220,8 +220,7 @@ const Apps: React.FC = () => {
           {currentProject?.sandbox_enabled && (
             <>
               <Banner icon={<Image src={gift} />}>
-                $5 of Porter credits have automatically been credited to your
-                account.
+                Link a payment method to receive $5 of free Porter credits.
               </Banner>
               <Spacer y={1} />
             </>

dashboard/src/main/home/project-settings/BillingPage.tsx

@@ -67,7 +67,9 @@ function BillingPage(): JSX.Element {
       <Container row>
         <Image src={gift} style={{ marginTop: "-2px" }} />
         <Spacer inline x={1} />
-        <Text size={20}>$ 5.00</Text>
+        <Text size={20}>
+          {paymentMethodList?.length > 0 ? "$ 5.00" : "$ 0.00"}
+        </Text>
       </Container>
       <Spacer y={2} />
       <Text size={16}>Payment methods</Text>