Leaderboard and Freighter API integration

dapps/dapp-challenges/challenge-0-crowdfund.mdx

@@ -12,6 +12,7 @@ import success from "../../static/img/success.png";
 import backedResult from "../../static/img/backedResult.png";
 import deployedDApp from "../../static/img/deployedDApp.png";
 import { ParentChallengeForm } from "../../src/components/atoms/challenge-form";
+import { ParentChallengeContractForm } from "../../src/components/atoms/challenge-contract-form";
 import CompleteStepButton from "../../src/components/atoms/complete-step-button";
 import StartChallengeButton from "../../src/components/atoms/start-challenge-button";
 
@@ -51,6 +52,7 @@ In your terminal, load the contracts and initialize them in the Sandbox environm
 ```sh
 npm run setup
 ```
+
 If the command runs successfully, your terminal will return a series of messages notifying you about the successful initialization of the contracts and the post-installation sequence.
 
 ```sh
@@ -73,9 +75,7 @@ Please, save your deployed contract ID, you will need it to complete the challen
 
 :::
 
-<CompleteStepButton id={0} progress={1}>
-  Mark smart contracts deployed
-</CompleteStepButton>
+<ParentChallengeContractForm id={0} progress={1} />
 
 ## Checkpoint 2: 🤝 Connect the Frontend to the Backend
 
@@ -151,7 +151,7 @@ Then run the dev server again:
 npm run dev
 ```
 
-Now, open your browser and visit [http://localhost:3000](http://localhost:3000). 
+Now, open your browser and visit [http://localhost:3000](http://localhost:3000).
 
 Ensure that you are connected to Futurenet and you should be able to see the frontend of your dapp!
 
@@ -205,7 +205,7 @@ Submit your public url to the challenge form and proceed to the next step to che
 
 <ParentChallengeForm id={0} />
 
-<br/>
+<br />
 
 :::info
 
@@ -215,12 +215,11 @@ Join [our Community in Discord](https://discord.gg/stellardev) in case you have
 
 ## Checkpoint 7: ✅ Check your work!
 
-In order to successfully complete this challenge, your work needs to be checked.
-Please, follow this steps:
+In order to successfully complete this challenge, your work needs to be checked. Please, follow this steps:
 
 1. Fork [the challenge repository](https://github.com/stellar/soroban-dapps-challenge).
-2. Fill `crowdfund/challenge/output.txt` file with your wallet address, contract ID and production url.
-Filled file should look like:
+2. Fill `crowdfund/challenge/output.txt` file with your wallet address, contract ID and production url. Filled file should look like:
+
 ```sh
 public key: GBSXUXZSA2VEXN5VGOWE5ODAJLC575JCMWRJ4FFRDWSTRCJ123456789
 contract Id: CBKY7UN5VGD4LIQFOBOTSUSQWK67BZZTA23NIEVWSWRR5SAT26JQN2BN
@@ -229,9 +228,11 @@ production: https://soroban-example-dapp-rho.vercel.app
 3. Create a Pull Request to the `stellar/soroban-dapps-challenge/crowdfund` branch. When the PR will be created, CI actions will check the `crowdfund/challenge/output.txt` file data and update your progress.
 4. Wait for the CI/CD pipeline results.
 5. Fix errors if present:
+
 - find the error reason in the Crowdfund challenge CI results (you can find a link right in the pull request);
 - return to your forked repository;
 - fix errors and commit changes. The existing PR will be checked again.
+
 6. If the pipeline was successful, then congratulations! You completed the challenge!👏
 
 Invite a friend to try out your dapp and ask them to provide feedback!

dapps/dapp-challenges/challenge-1-payment.mdx

@@ -21,6 +21,7 @@ import submit_pmt from "../../static/img/submit_pmt.png";
 import end from "../../static/img/end.png";
 import balance_rcvr from "../../static/img/balance_rcvr.png";
 import { ParentChallengeForm } from "../../src/components/atoms/challenge-form";
+import { ParentChallengeContractForm } from "../../src/components/atoms/challenge-contract-form";
 import CompleteStepButton from "../../src/components/atoms/complete-step-button";
 import StartChallengeButton from "../../src/components/atoms/start-challenge-button";
 
@@ -108,9 +109,7 @@ soroban contract invoke \
     --amount 1000000000
 ```
 
-<CompleteStepButton id={1} progress={1}>
-  Mark smart contracts deployed
-</CompleteStepButton>
+<ParentChallengeContractForm id={1} progress={1} />
 
 ## Checkpoint 3: 🖥️ Launch the Frontend
 
@@ -275,7 +274,7 @@ Submit your public URL to the challenge form.
 
 <ParentChallengeForm id={1} />
 
-<br/>
+<br />
 
 :::info
 
@@ -312,4 +311,4 @@ To ensure that you've covered all the key user actions during the challenge, fol
 
 ## 🛡️🗡️ Take On More Challenges
 
-View your progress and take on more challenges by visiting your [User Dashboard!](/dashboard)
+View your progress and take on more challenges by visiting your [User Dashboard!](/dashboard)

dapps/dapp-challenges/challenge-2-liquidity-pool.mdx

@@ -14,6 +14,7 @@ import swapComplete from "../../static/img/swapComplete.png";
 import futurenetDeployment from "../../static/img/futurenetDeployment.png";
 import wdraw from "../../static/img/wdraw.png";
 import { ParentChallengeForm } from "../../src/components/atoms/challenge-form";
+import { ParentChallengeContractForm } from "../../src/components/atoms/challenge-contract-form";
 import CompleteStepButton from "../../src/components/atoms/complete-step-button";
 import StartChallengeButton from "../../src/components/atoms/start-challenge-button";
 
@@ -71,9 +72,7 @@ Done
 ...
 ```
 
-<CompleteStepButton id={2} progress={1}>
-  Mark smart contracts deployed
-</CompleteStepButton>
+<ParentChallengeContractForm id={2} progress={1} />
 
 ## Checkpoint 2: 🤝 Connect the Frontend to the Backend