refactor: hide misskey select item

app/page.tsx

@@ -1,6 +1,6 @@
 import ClientOnly from "@/components/ClientOnly";
 import FormContainer from "@/components/FormContainer";
-import Brand from "@/components/Brand";
+import Brand from "@/components/Branding";
 
 export default function Home() {
   return (

components/Branding.tsx

@@ -2,9 +2,8 @@ import Image from "next/image";
 import { BadgeCheck } from "lucide-react";
 
 import { Button } from "./ui/button";
-("lucide-react");
 
-const headlines = [
+const lists = [
   "Self-hostable",
   "No Tracking",
   "No Data Collection",
@@ -41,18 +40,18 @@ const Brand = () => {
               Mastodon
             </a>
             ,{" "}
-            <a
+            {/* <a
               href="https://misskey-hub.net/"
               className="text-primary underline-offset-4 hover:underline"
             >
               Misskey
-            </a>{" "}
+            </a>{" "} */}
             APIs.
           </p>
-          <a href="https://github.com/Sevichecc/m-oauth">
+          <a href="https://github.com/Sevichecc">
             <Button variant="link" className="rounded-full p-2">
               <Image
-                src="https://github.com/Sevichecc.png"
+                src="/avatar.jpg"
                 width="15"
                 height="15"
                 alt="Github"
@@ -73,24 +72,24 @@ const Brand = () => {
               Github
             </Button>
           </a>
-          <a href="https://codeberg.org/Sevichecc/m-oauth">
+          <a href="https://git.kongwoo.icu/SevicheCC/m-oauth">
             <Button variant="link" className="rounded-full p-2">
               <Image
-                src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/codeberg.svg"
+                src="/forgejo.svg"
                 width="15"
                 height="15"
                 alt="Codeberg"
                 className="mr-2 dark:invert"
               />
-              Codeberg
+              Forgejo
             </Button>
           </a>
         </div>
           <ul className="flex flex-col gap-2 mb-2 justify-self-end">
-            {headlines.map((headline) => (
-              <li className="flex items-center gap-2" key={headline}>
+            {lists.map((list) => (
+              <li className="flex items-center gap-2" key={list}>
                 <BadgeCheck className="-mt-[2px] h-5 w-5 stroke-green-600 dark:stroke-green-500" />
-                {headline}
+                {list}
               </li>
             ))}
           </ul>

components/CreatAppForm.tsx

@@ -137,7 +137,7 @@ const CreateAppForm: React.FC<CreateAppFormProps> = ({
                   <SelectItem value="akkoma">
                     <span className="flex">
                       <Image
-                        src="https://cdn.simpleicons.org/pleroma"
+                        src="/akkoma.svg"
                         width="15"
                         height="15"
                         alt="Github"
@@ -146,7 +146,7 @@ const CreateAppForm: React.FC<CreateAppFormProps> = ({
                       Akkoma
                     </span>
                   </SelectItem>
-                  <SelectItem value="misskey">
+                  {/* <SelectItem value="misskey">
                     <span className="flex">
                       <Image
                         src="https://cdn.simpleicons.org/misskey"
@@ -157,7 +157,7 @@ const CreateAppForm: React.FC<CreateAppFormProps> = ({
                       />
                       Misskey
                     </span>
-                  </SelectItem>
+                  </SelectItem> */}
                 </SelectContent>
               </Select>
               <FormMessage />

public/akkoma.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Akkoma</title><path d="M17.9018.1c.1907.1598.1775.4375-.0025.925-.085.2299-.5806 1.3592-.7069 1.674-.624 1.5566-.9245 2.9737-.823 4.5635 3.7667 1.862 6.087 4.3838 5.6336 5.1133-.3688.5934-2.7459.2766-5.7161-.481 2.2498 4.4513 2.6591 10.5845.8247 11.7617-.7438.4776-1.9436.1954-2.6606-.2388-2.361-1.4312-2.1201-5.2727-3.2156-5.335-.3698-.021-.5174.4197-1.513 1.8047-1.4205 1.9753-2.2786 3.1432-3.5608 3.6808-.1831.0767-1.9472.8734-3.0275.089-2.7894-2.026-.2142-11.2763 2.8574-14.4847.1436-.1515.3443-.3578.6027-.5817-2.421-1.065-4.0974-2.0845-3.9514-2.7027.2029-.8597 3.9334-.9595 6.7329-.669.1255-.0739.256-.1525.403-.2424.7743-.474 1.2667-.8225 1.8922-1.3165l.1008-.0799c.9772-.776 1.2823-1.0054 2.1203-1.5574 1.3183-.8685 1.8991-1.2415 2.3927-1.5177L16.319.486a11.445 11.445 0 0 1 .2027-.1098c.7113-.3764 1.1441-.4742 1.3801-.2764ZM9.9703 9.9296l.095-.0018c-1.9819-.0376-3.356 2.7648-2.7482 3.9472.7301 1.4197 4.7395 1.3212 5.4103-.2388.3741-.8707-.2118-2.3818-1.2512-3.1796a69.3886 69.3886 0 0 1-1.506-.527Z" fill="#462D7B"/></svg>

public/forgejo.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Forgejo</title><path d="M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z"/></svg>