Updating status in panel to not default to uppercase (#63)

src/components/config/NameValueRow.tsx

@@ -14,7 +14,7 @@ export const NameValueRow: React.FC<NameValueRowProps> = ({
   return (
     <div className="flex flex-row w-full items-baseline text-sm">
       <div className="grow shrink-0 text-gray-500">{name}</div>
-      <div className={`text-xs uppercase shrink text-${valueColor} text-right`}>
+      <div className={`text-xs shrink text-${valueColor} text-right`}>
         {value}
       </div>
     </div>

src/components/playground/Playground.tsx

@@ -262,7 +262,7 @@ export default function Playground({
                 roomState === ConnectionState.Connecting ? (
                   <LoadingSVG diameter={16} strokeWidth={2} />
                 ) : (
-                  roomState
+                  roomState.toUpperCase()
                 )
               }
               valueColor={
@@ -275,11 +275,11 @@ export default function Playground({
               name="Agent connected"
               value={
                 isAgentConnected ? (
-                  "true"
+                  "TRUE"
                 ) : roomState === ConnectionState.Connected ? (
                   <LoadingSVG diameter={12} strokeWidth={2} />
                 ) : (
-                  "false"
+                  "FALSE"
                 )
               }
               valueColor={