Improve error message

reminder-dashboard/src/components/Guild/GuildError.tsx

@@ -1,4 +1,4 @@
-export const GuildError = () => {
+export const GuildError = ({ message }: { message: string }) => {
     return (
         <div class="hero is-fullheight">
             <div class="hero-body">
@@ -11,6 +11,9 @@ export const GuildError = () => {
                         <br />
                         Otherwise, please check Reminder Bot is in the server, and has correct
                         permissions.
+                        <br />
+                        <br />
+                        Error code: <code>{message}</code>
                     </p>
                     <a
                         class="button is-size-4 is-rounded is-success"

reminder-dashboard/src/components/Guild/index.tsx

@@ -16,7 +16,7 @@ export const Guild = ({ children }: PropsWithChildren) => {
     if (!isSuccess) {
         return <></>;
     } else if (guildInfo.error) {
-        return <GuildError />;
+        return <GuildError message={guildInfo.error} />;
     } else {
         const importModal = createPortal(<Import />, document.getElementById("bottom-sidebar"));
         const path = usePathname();