Block editing username and avatar on DMs

reminder-dashboard/src/components/Reminder/Username.tsx

@@ -1,9 +1,11 @@
 import { useReminder } from "./ReminderContext";
+import { useGuild } from "../App/useGuild";
 
 export const Username = () => {
+    const guild = useGuild();
     const [reminder, setReminder] = useReminder();
 
-    return (
+    return guild ? (
         <div class="discord-message-header">
             <label class="is-sr-only">Username Override</label>
             <input
@@ -20,5 +22,9 @@ export const Username = () => {
                 }}
             ></input>
         </div>
+    ) : (
+        <div class="discord-message-header">
+            <span class="discord-username">Reminder Bot</span>
+        </div>
     );
 };