fix: update missing categories

src/components/practice/community.jsx

@@ -20,6 +20,8 @@ function getCategoryIcon(category) {
       return 'fas fa-skull-crossbones';
     case 'steganography':
       return 'fas fa-image';
+    case 'other':
+      return 'fas fa-question';
     case 'basic':
       return 'fas fa-graduation-cap';
     case 'easy':

src/pages/create/edit.jsx

@@ -70,6 +70,7 @@ function CategorySelect({ category, setCategory }) {
     { name: 'Forensics', value: 'forensics' },
     { name: 'Cryptography', value: 'cryptography' },
     { name: 'Web', value: 'web' },
+    { name: 'Steganography', value: 'steganography' },
     { name: 'Reverse Engineering', value: 'reverse engineering' },
     { name: 'Programming', value: 'programming' },
     { name: 'Pwn', value: 'pwn' },

src/pages/create/new.jsx

@@ -66,6 +66,7 @@ function CategorySelect({ category, setCategory }) {
   const categories = [
     { name: 'Forensics', value: 'forensics' },
     { name: 'Cryptography', value: 'cryptography' },
+    { name: 'Steganography', value: 'steganography' },
     { name: 'Web', value: 'web' },
     { name: 'Reverse Engineering', value: 'reverse engineering' },
     { name: 'Programming', value: 'programming' },

src/pages/users/[user].jsx

@@ -550,7 +550,7 @@ export default function Create() {
               <>
                 {user && (
                   <div style={{ maxHeight: '200px', overflowY: 'auto' }}>
-                    <MarkdownViewer content={currentUsersBio} />
+                    <MarkdownViewer content={currentUsersBio} style={{ maxHeight: '200px', overflowY: 'auto', important: true }} />
                   </div>
                 )}
               </>
@@ -1117,14 +1117,14 @@ export default function Create() {
                       <p className="text-neutral-400">
                         {bioViewCheck()
                           ? renderUsersBio()
-                          : user && <MarkdownViewer content={user.bio || "Nothing to see here..."} />}
+                          : user && <MarkdownViewer content={user.bio || "Nothing to see here..."} style={{ maxHeight: '200px', overflowY: 'auto', important: true }} />}
                       </p>
                     ) : (
                       <p className="text-neutral-400">
                         {bioViewCheck()
                           ? renderUsersBio()
                           : user && (
-                              <MarkdownViewer content="Nothing to see here..." />
+                              <MarkdownViewer content="Nothing to see here..." style={{ maxHeight: '200px', overflowY: 'auto', important: true }} />
                             )}
                       </p>
                     )}
@@ -1250,14 +1250,14 @@ export default function Create() {
                 <p className="text-neutral-400">
                   {bioViewCheck()
                     ? renderUsersBio()
-                    : user && <MarkdownViewer content={user.bio || "Nothing to see here..."} />}
+                    : user && <MarkdownViewer content={user.bio || "Nothing to see here..."} style={{ maxHeight: '200px', overflowY: 'auto', important: true }} />}
                 </p>
               ) : (
                 <p className="text-neutral-400">
                   {bioViewCheck()
                     ? renderUsersBio()
                     : user && (
-                        <MarkdownViewer content="Nothing to see here..." />
+                        <MarkdownViewer content="Nothing to see here..." style={{ maxHeight: '200px', overflowY: 'auto', important: true }} />
                       )}
                 </p>
               )}

src/styles/tailwind.css

@@ -10,6 +10,11 @@
   overflow: hidden;
   border: 2px solid;
 }
+/* styles.css */
+.custom-markdown-viewer {
+  max-height: 200px !important;
+  overflow-y: auto !important;
+}
 .loader::before {
   content: "";
   position: absolute;