docs: Add drayman to showcase (#5366)

* Add Drayman to showcase.

* Re-run CLA check.

* Add navbar to image.

* Update website/src/data/users.tsx

Co-authored-by: slorber <lorber.sebastien@gmail.com>
Co-authored-by: Sébastien Lorber <slorber@users.noreply.github.com>

website/src/data/users.tsx

@@ -1302,6 +1302,14 @@ const Users: User[] = [
     source: 'https://github.com/HaochenQ/Haochen-Blog',
     tags: ['personal', 'opensource']
   },
+  {
+    title: 'Drayman',
+    description: 'Server-side component framework',
+    preview: require('./showcase/drayman.png'),
+    website: 'https://drayman.io/',
+    source: 'https://github.com/Claviz/drayman',
+    tags: ['opensource']
+  },
   {
     title: 'Nocalhost',
     description: 'An open-source toolsets help to build cloud-native applications easier and faster.',
@@ -1310,6 +1318,11 @@ const Users: User[] = [
     source: 'https://github.com/nocalhost/nocalhost',
     tags: ['opensource', 'i18n']
   }
+
+  /*
+  Pro Tip: add your site in alphabetical order.
+  Appending your site here (at the end) is more likely to produce Git conflicts.
+   */
 ];
 
 export const TagList = Object.keys(Tags) as TagType[];