Remove twitter verified icon

components/profile-card.tsx

@@ -4,12 +4,19 @@ import Card from "./card";
 import Image from "next/image";
 import { ArrowPathRoundedSquareIcon } from "@heroicons/react/24/solid";
 import avatar from "../public/avatar.png";
-import twitterVerified from "../public/twitter-verified.svg";
 import FlippableCard from "./flippable-card";
 import { useCallback, useState } from "react";
 import classNames from "classnames";
 
-export default function ProfileCard({ className, motto, bio }: { className?: string, motto: string, bio: string }) {
+export default function ProfileCard({
+  className,
+  motto,
+  bio,
+}: {
+  className?: string;
+  motto: string;
+  bio: string;
+}) {
   const [flipped, setFlipped] = useState(false);
 
   const toggle = useCallback(() => {
@@ -22,17 +29,7 @@ export default function ProfileCard({ className, motto, bio }: { className?: str
       front={
         <Card className="flex h-full flex-col items-center justify-center py-40 sm:py-20">
           <Image className="h-16 w-16 rounded-full" src={avatar} alt="Avatar" />
-          <p className="relative mt-2 items-end text-xl">
-            Nooc
-            <Image
-              className="absolute -right-6 bottom-0 top-0 my-auto h-5 w-5"
-              // ?
-              src={twitterVerified.src}
-              height={100}
-              width={100}
-              alt="Twitter Verified"
-            />
-          </p>
+          <p className="relative mt-2 items-end text-xl">Nooc</p>
           <p className="mt-2 opacity-60">{motto}</p>
 
           <button
@@ -45,9 +42,7 @@ export default function ProfileCard({ className, motto, bio }: { className?: str
       }
       back={
         <Card className="flex h-full flex-col items-center justify-center">
-          <pre>
-            {bio}
-          </pre>
+          <pre>{bio}</pre>
 
           <button
             className="absolute bottom-5 right-5 rounded-full border border-gray-400/20 bg-white/30 p-3 dark:border-white/30 dark:bg-black/40"