reorganize code into smaller files & dirs

packages/app/src/Components/User/Nip05.tsx

@@ -0,0 +1,35 @@
+import "./Nip05.css";
+import { HexKey } from "@snort/system";
+import { useUserProfile } from "@snort/system-react";
+
+export function useIsVerified(pubkey?: HexKey, bypassCheck?: boolean) {
+  const profile = useUserProfile(pubkey);
+  return { isVerified: bypassCheck || profile?.isNostrAddressValid };
+}
+
+export interface Nip05Params {
+  nip05?: string;
+  pubkey: HexKey;
+  verifyNip?: boolean;
+}
+
+const Nip05 = ({ nip05, pubkey, verifyNip = true }: Nip05Params) => {
+  const [name, domain] = nip05 ? nip05.split("@") : [];
+  const isDefaultUser = name === "_";
+  const { isVerified } = useIsVerified(pubkey, !verifyNip);
+
+  return (
+    <div className={`flex nip05${!isVerified ? " failed" : ""}`}>
+      {!isDefaultUser && isVerified && <span className="nick">{`${name}@`}</span>}
+      {isVerified && (
+        <>
+          <span className="domain" data-domain={domain?.toLowerCase()}>
+            {domain}
+          </span>
+        </>
+      )}
+    </div>
+  );
+};
+
+export default Nip05;