Show MariaDB logo in list of databases

For new users learning about Prisma it is unclear if Prisma properly
supports MariaDB or not. Mentioning MariaDB explicitly makes it easy
for users to find that Prisma does indeed support MariaDB.

src/components/shortcodes/index.tsx

@@ -32,6 +32,7 @@ import {
   Tab,
 } from './gettingstarted'
 import PostgresSQLSimple from '../../icons/technologies/PostgresSQLSimple'
+import MariaDBDark from '../../icons/technologies/MariaDBDark'
 import MySQLSimple from '../../icons/technologies/MySQLSimple'
 import SQLServer from '../../icons/technologies/SQLServer'
 import PlanetScale from '../../icons/technologies/PlanetScale'
@@ -93,6 +94,7 @@ const shortcodes = {
   Tab,
   SquareLogo,
   PostgresSQLSimple,
+  MariaDBDark,
   MySQLSimple,
   SQLServer,
   PlanetScale,

src/components/techSwitcher.tsx

@@ -3,6 +3,7 @@ import styled from 'styled-components'
 import { Typescript } from '../icons/technologies/Typescript'
 import SelectComponent from './select'
 import PostgreSQL from '../icons/technologies/PostgreSQL'
+import MariaDB from '../icons/technologies/MariaDB'
 import MySQL from '../icons/technologies/MySQL'
 import SQLite from '../icons/technologies/SQLite'
 import MongoDB from '../icons/technologies/MongoDB'
@@ -27,6 +28,7 @@ interface TechItem {
 const icons = {
   node: <JS />,
   typescript: <Typescript />,
+  mariadb: <MariaDB />,
   mysql: <MySQL />,
   postgresql: <PostgreSQL />,
   sqlite: <SQLite />,
@@ -52,6 +54,7 @@ const technologyTypes = {
 export const technologyNames = {
   node: 'JavaScript',
   typescript: 'TypeScript',
+  mariadb: 'MariaDB',
   mysql: 'MySQL',
   postgresql: 'PostgreSQL',
   sqlite: 'SQLite',