Changed button text from "donate" to "Support Developoment"

Author: amahuli03

frontend/src/components/Footer/Footer.tsx

@@ -64,9 +64,9 @@ function Footer() {
           </Link>
           <a href="https://github.com/CodeForPhilly/balancer-main"
             target="_blank"
-            className="flex justify-center text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
+            className="flex justify-center text-center text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
           >
-            Donate
+            Support Development
           </a>
           <Link
             to="/help"

frontend/src/components/Header/Header.tsx

@@ -169,7 +169,7 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
               target="_blank"
               className="header-nav-item"
             >
-              Donate
+              Support Development
             </a>
             {isAuthenticated && isSuperuser && (
               <div

frontend/src/components/Header/MdNavBar.tsx

@@ -124,7 +124,7 @@ const MdNavBar = (props: LoginFormProps) => {
                           target="_blank"
                           className="mr-9 text-black hover:border-b-2 hover:border-blue-600 hover:text-black hover:no-underline"
                         >
-                          Donate
+                          Support Development
                         </a>
                     </li>
                     {isAuthenticated &&

frontend/src/pages/About/About.tsx

@@ -79,7 +79,7 @@ function About() {
           <div className="mb-20 mt-5 flex flex-row flex-wrap justify-center gap-4">
             <a href="https://github.com/CodeForPhilly/balancer-main" target="_blank">
               <button className="btnBlue transition-transform focus:outline-none focus:ring focus:ring-blue-200">
-                Donate
+                Support Development
               </button>
             </a>