fix(ChatCard): add error message for Cloudflare security check

Refactor error handling in ChatCard

Correct handling of 'UNAUTHORIZED' and 'CLOUDFLARE' errors
in ChatCard to provide more descriptive messages.

Author: entelecheia

src/components/ChatCard.tsx

@@ -167,7 +167,7 @@ function ChatCard(props: ChatCardProps) {
       }
       if (msg.error) {
         switch (msg.error) {
-          case 'UNAUTHORIZED' || 'CLOUDFLARE':
+          case 'UNAUTHORIZED':
             updateAnswer(
               `**ACCESS DENIED**: Kindly log in at [https://chat.openai.com](https://chat.openai.com) first.
               Afterward, refresh this webpage or re-enter your inquiry. 
@@ -178,6 +178,17 @@ function ChatCard(props: ChatCardProps) {
               'error',
             )
             break
+          case 'CLOUDFLARE':
+            updateAnswer(
+              `**Security Check Required**: Please open [https://chat.openai.com](https://chat.openai.com) first.
+                Afterward, refresh this webpage or re-enter your inquiry. 
+                You may also want to create an API key at 
+                [https://platform.openai.com/account/api-keys](https://platform.openai.com/account/api-keys)
+                for enhanced functionality.`,
+              false,
+              'error',
+            )
+            break
           case 'RETRY':
             updateAnswer(
               'Please wait a moment and try again. (refreshing the page may help)',