feat: add dash. integration

src/components/AppShelf/AddAppShelfItem.tsx

@@ -1,27 +1,13 @@
 import {
-  Modal,
-  Center,
-  Group,
-  TextInput,
-  Image,
-  Button,
-  Select,
-  LoadingOverlay,
-  ActionIcon,
-  Tooltip,
-  Title,
-  Anchor,
-  Text,
-  Tabs,
-  MultiSelect,
-  ScrollArea,
-  Switch,
+  ActionIcon, Anchor, Button, Center,
+  Group, Image, LoadingOverlay, Modal, MultiSelect,
+  ScrollArea, Select, Switch, Tabs, Text, TextInput, Title, Tooltip
 } from '@mantine/core';
 import { useForm } from '@mantine/form';
-import { useEffect, useState } from 'react';
-import { IconApps as Apps } from '@tabler/icons';
-import { v4 as uuidv4 } from 'uuid';
 import { useDebouncedValue } from '@mantine/hooks';
+import { IconApps as Apps } from '@tabler/icons';
+import { useEffect, useState } from 'react';
+import { v4 as uuidv4 } from 'uuid';
 import { useConfig } from '../../tools/state';
 import { ServiceTypeList, StatusCodes } from '../../tools/types';
 import Tip from '../layout/Tip';
@@ -85,6 +71,7 @@ function MatchPort(name: string, form: any) {
     { name: 'readarr', value: '8686' },
     { name: 'deluge', value: '8112' },
     { name: 'transmission', value: '9091' },
+    { name: 'dash.', value: '3001' },
   ];
   // Match name with portmap key
   const port = portmap.find((p) => p.name === name.toLowerCase());