clean up the top part and replace the steak emoji (#200)

Co-authored-by: tokodev <pablo@asdloop.com>

Author: austintgriffith

packages/backend/index.js

@@ -400,7 +400,7 @@ app.post("/api/frame", (req, res) => {
       link: "https://speedrunethereum.com/challenge/simple-nft-example",
     },
     1: {
-      label: "🥩 Staking App",
+      label: "🔏 Staking App",
       link: "https://speedrunethereum.com/challenge/decentralized-staking",
     },
     2: {

packages/react-app/src/data/challenges.js

@@ -12,7 +12,7 @@ export const challengeInfo = {
   "decentralized-staking": {
     id: 1,
     branchName: "challenge-1-decentralized-staking",
-    label: "🚩 Challenge 1: 🥩 Decentralized Staking App ",
+    label: "🚩 Challenge 1: 🔏 Decentralized Staking App ",
     disabled: false,
     description:
       "🦸 A superpower of Ethereum is allowing you, the builder, to create a simple set of rules that an adversarial group of players can use to work together. In this challenge, you create a decentralized application where users can coordinate a group funding effort. The users only have to trust the code.",

packages/react-app/src/views/HomeView.jsx

@@ -6,23 +6,6 @@ import useCustomColorModes from "../hooks/useCustomColorModes";
 import HeroLogo from "../components/icons/HeroLogo";
 import HeroDiamond from "../components/icons/HeroDiamond";
 
-const BulletNumber = ({ children, bgColor, primaryFontColor }) => (
-  <Box
-    display="flex"
-    justifyContent="center"
-    alignItems="center"
-    color={bgColor}
-    bgColor={primaryFontColor}
-    borderRadius="50%"
-    w="20px"
-    h="20px"
-    mb="5px"
-    fontSize="14px"
-  >
-    {children}
-  </Box>
-);
-
 export default function HomeView({ connectedBuilder, userProvider }) {
   const { primaryFontColor, bgColor } = useCustomColorModes();
   const cardBgColor = useColorModeValue("sre.cardBackground", "sreDark.cardBackground");
@@ -74,152 +57,6 @@ export default function HomeView({ connectedBuilder, userProvider }) {
             <HeroLogo maxW="600px" height="auto" />
           </Center>
 
-          <BulletNumber primaryFontColor={primaryFontColor} bgColor={bgColor}>
-            1
-          </BulletNumber>
-          <Text
-            color={primaryFontColor}
-            mb="5"
-            fontSize={{
-              base: "lg",
-              lg: "md",
-            }}
-            textAlign="center"
-          >
-            Watch this{" "}
-            <a
-              href="https://www.youtube.com/watch?v=MlJPjJQZtC8"
-              target="_blank"
-              rel="noopener noreferrer"
-              style={{ textDecoration: "underline" }}
-            >
-              quick video
-            </a>{" "}
-            as an Intro to Ethereum Development.
-          </Text>
-
-          <BulletNumber primaryFontColor={primaryFontColor} bgColor={bgColor}>
-            2
-          </BulletNumber>
-          <Text
-            color={primaryFontColor}
-            mb="2"
-            fontSize={{
-              base: "lg",
-              lg: "md",
-            }}
-            textAlign="center"
-          >
-            Then use{" "}
-            <a
-              style={{ textDecoration: "underline" }}
-              href="https://github.com/scaffold-eth/scaffold-eth-2"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              <span role="img" aria-label="teacher icon">
-                🏗
-              </span>{" "}
-              Scaffold-ETH 2
-            </a>{" "}
-            to copy/paste each Solidity concept and tinker:
-          </Text>
-
-          <Text
-            color={primaryFontColor}
-            mb="5"
-            fontSize={{
-              base: "lg",
-              lg: "md",
-            }}
-            textAlign="center"
-          >
-            <div>
-              <a
-                href="https://docs.soliditylang.org/en/v0.6.6/units-and-global-variables.html"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                global units
-              </a>
-              ,{" "}
-              <a target="_blank" href="https://solidity-by-example.org/primitives/" rel="noopener noreferrer">
-                primitives
-              </a>
-              ,{" "}
-              <a target="_blank" href="https://solidity-by-example.org/mapping/" rel="noopener noreferrer">
-                mappings
-              </a>
-              ,{" "}
-              <a href="https://solidity-by-example.org/structs/" target="_blank" rel="noopener noreferrer">
-                structs
-              </a>
-              ,{" "}
-              <a href="https://solidity-by-example.org/function-modifier/" target="_blank" rel="noopener noreferrer">
-                modifiers
-              </a>
-              ,{" "}
-              <a href="https://solidity-by-example.org/events/" target="_blank" rel="noopener noreferrer">
-                events
-              </a>
-              ,
-            </div>{" "}
-            <a href="https://solidity-by-example.org/inheritance/" target="_blank" rel="noopener noreferrer">
-              inheritance
-            </a>
-            ,{" "}
-            <a href="https://solidity-by-example.org/sending-ether/" target="_blank" rel="noopener noreferrer">
-              sending eth
-            </a>
-            , and{" "}
-            <a href="https://solidity-by-example.org/payable/" target="_blank" rel="noopener noreferrer">
-              payable
-            </a>
-            /
-            <a href="https://solidity-by-example.org/fallback/" target="_blank" rel="noopener noreferrer">
-              fallback
-            </a>{" "}
-            functions.
-          </Text>
-
-          <BulletNumber primaryFontColor={primaryFontColor} bgColor={bgColor}>
-            3
-          </BulletNumber>
-          <Text
-            color={primaryFontColor}
-            mb="5"
-            fontSize={{
-              base: "lg",
-              lg: "md",
-            }}
-            textAlign="center"
-          >
-            Watch this{" "}
-            <a
-              href="https://www.youtube.com/playlist?list=PLJz1HruEnenAf80uOfDwBPqaliJkjKg69"
-              target="_blank"
-              rel="noopener noreferrer"
-              style={{ textDecoration: "underline" }}
-            >
-              getting started playlist
-            </a>{" "}
-            to become a power user and eth scripter.
-          </Text>
-
-          <BulletNumber primaryFontColor={primaryFontColor} bgColor={bgColor}>
-            4
-          </BulletNumber>
-          <Text
-            color={primaryFontColor}
-            mb="0"
-            fontSize={{
-              base: "lg",
-              lg: "md",
-            }}
-            textAlign="center"
-          >
-            When you are ready to test your knowledge, Speed Run Ethereum:
-          </Text>
         </Container>
         <Box
           bgImg="/assets/header_platform.svg"