💬 Adds Discord Button

#261

src/components/Settings/CommonSettings.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, Group, Text, SegmentedControl, TextInput, Anchor } from '@mantine/core';
 import { useState } from 'react';
-import { IconBrandGithub as BrandGithub } from '@tabler/icons';
+import { IconBrandGithub as BrandGithub, IconBrandDiscord as BrandDiscord } from '@tabler/icons';
 import { CURRENT_VERSION } from '../../../data/constants';
 import { useConfig } from '../../tools/state';
 import { ColorSchemeSwitch } from '../ColorSchemeToggle/ColorSchemeSwitch';
@@ -98,6 +98,7 @@ export default function CommonSettings(args: any) {
             {CURRENT_VERSION}
           </Text>
         </Group>
+        <Group spacing={1}>
           <Text
             style={{
               fontSize: '0.90rem',
@@ -113,6 +114,10 @@ export default function CommonSettings(args: any) {
               ajnart
             </Anchor>
           </Text>
+          <ActionIcon<'a'> component="a" href="https://discord.gg/aCsmEV5RgA" size="lg">
+            <BrandDiscord size={18} />
+          </ActionIcon>
+        </Group>
       </Group>
     </Group>
   );