fix: use kbd for the hints

src/App.tsx

@@ -21,8 +21,20 @@ import { pushHistory } from "./structures/history";
 
 
 const didYouKnowMessages = [
-  "Did you know that you can Alt+Click a widget to reset its position",
-  "Did you know that you can Shft+Drag to move around without dragging widgets"
+  (<span>
+    Did you know that you can
+    <kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
+      Alt + Click
+    </kbd>
+    a widget to reset its position
+  </span>),
+  (<span>
+    Did you know that you can 
+    <kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
+      Shift + Drag
+    </kbd>
+    to move around without dragging widgets
+  </span>)
 ]
 
 

src/api.ts

@@ -1,7 +1,7 @@
 import { IS_MOCKED } from "./mock";
 
 const MIN_CONNECTING_TIME = 250;
-export const LATEST_VERSION = "0.5.0";
+export const LATEST_VERSION = "0.5.1";
 
 class WebSocketClient {
   private ws: WebSocket | null;

src/components/ServerIsOutdatedComponent.tsx

@@ -13,6 +13,7 @@ export default function ServerIsOutdatedComponent() {
       <p className="text-sm text-slate-400 text-center">
         Your version of Explainable is outdated. <br/>
         Please update to the latest version ({LATEST_VERSION}) to continue.<br/><br/>
+        You can update by running <br/>
         <code>{pipCommand}</code>
         <Button 
           variant="outline"