FEAT: Sidebar update to include followed streamers & categories;

FEAT: Sidebar now alters page width on open/close (DynamicPageContent);
FIX: Properly disallow shortcut keys when typing in an input field;

frontend/src/components/Video/ChatPanel.tsx

@@ -16,13 +16,11 @@ interface ChatMessage {
 interface ChatPanelProps {
   streamId: number;
   onViewerCountChange?: (count: number) => void;
-  onInputFocus: (focused: boolean) => void;
 }
 
 const ChatPanel: React.FC<ChatPanelProps> = ({
   streamId,
   onViewerCountChange,
-  onInputFocus,
 }) => {
   const { isLoggedIn, username, user_id} = useAuth();
   const { showAuthModal, setShowAuthModal } = useAuthModal();
@@ -205,8 +203,6 @@ const ChatPanel: React.FC<ChatPanelProps> = ({
               extraClasses="flex-grow w-full focus:w-full"
               maxLength={200}
               onClick={() => !isLoggedIn && setShowAuthModal(true)}
-              onFocus={() => onInputFocus(true)}
-              onBlur={() => onInputFocus(false)}
             />
 
             <button

frontend/src/components/Video/VideoPlayer.tsx

@@ -58,7 +58,7 @@ const VideoPlayer: React.FC = () => {
   }, [streamerName]);
 
   return (
-    <div className="min-w-[65vw] w-full h-full flex justify-center items-center bg-gray-900 rounded-lg">
+    <div className="w-full h-full flex justify-center items-center bg-gray-900 rounded-lg">
       <div ref={videoRef} className="w-full max-w-[160vh] self-center" />
     </div>
   );