Small improvements on OP flow (#2348)

Fix logic

Author: nachoiacovino

components/onboarding/Steps.tsx

@@ -100,15 +100,15 @@ export const OnboardingSteps: React.FC<OnboardingStepsProps> = ({
   }, [chainId]);
 
   const currentStep = useMemo(() => {
-    if (onlyOptimism && (!hasAppliedForOpGrant || !!opCredit)) {
+    if (onlyOptimism && (!hasAppliedForOpGrant || !opCredit)) {
       return Step.OptimismCredits;
     }
 
     if (!isLoggedIn) {
       return null;
     }
 
-    if (isSponsoredChain && (!hasAppliedForOpGrant || !!opCredit)) {
+    if (isSponsoredChain && (!hasAppliedForOpGrant || !opCredit)) {
       return Step.OptimismCredits;
     } else if (!onboardingKeys && !hasApiKeys) {
       return Step.Keys;

components/settings/Account/Billing/CreditsButton.tsx

@@ -30,10 +30,9 @@ export const CreditsButton = () => {
   const { isLoggedIn } = useLoggedInUser();
   const { data: credits } = useAccountCredits();
   const meQuery = useAccount();
-  const totalCreditBalance = credits?.reduce(
-    (acc, crd) => acc + crd.remainingValueUsdCents,
-    0,
-  );
+  const totalCreditBalance =
+    credits?.find((crd) => crd.name.startsWith("OP -"))
+      ?.remainingValueUsdCents || 0;
 
   if (!isLoggedIn || meQuery.isLoading || !meQuery.data) {
     return null;