Fix Talisman hostname check for portal url

apps/extension/src/core/page.ts

@@ -39,10 +39,19 @@ const enable = async (origin: string): Promise<Injected> => {
   return new TalismanInjected(messageService.sendMessage) as Injected
 }
 
-export const isTalismanHostname = (hostname: string | undefined) =>
-  hostname === TALISMAN_WEB_APP_DOMAIN ||
-  (DEBUG && hostname?.endsWith(".talisman.pages.dev")) ||
-  (DEBUG && ["localhost", "127.0.0.1"].includes(hostname ?? ""))
+export const isTalismanHostname = (url: string | undefined) => {
+  if (!url) return false
+  try {
+    const hostname = new URL(url).hostname
+    return (
+      hostname === TALISMAN_WEB_APP_DOMAIN ||
+      (DEBUG && hostname?.endsWith(".talisman.pages.dev")) ||
+      (DEBUG && ["localhost", "127.0.0.1"].includes(hostname))
+    )
+  } catch (e) {
+    return false
+  }
+}
 
 function inject() {
   // inject substrate wallet provider

apps/extension/src/ui/apps/popup/pages/Connect.tsx

@@ -158,7 +158,6 @@ export const Connect: FC<{ className?: string }> = ({ className }) => {
                 <button
                   type="button"
                   className="text-body-secondary hover:text-grey-300"
-                  text-body-secondary
                   onClick={handleConnectAllClick}
                 >
                   {t("Connect All")}