add: graphic improvements x2

frontend/src/components/AddNewRegex.tsx

@@ -1,10 +1,11 @@
-import { Button, Group, Space, TextInput, Notification, Switch, NativeSelect, Modal } from '@mantine/core';
+import { Button, Group, Space, TextInput, Notification, Switch, NativeSelect, Modal, Alert } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { useState } from 'react';
 import { RegexAddForm } from '../js/models';
 import { b64decode, b64encode, getapiobject, okNotify } from '../js/utils';
 import { ImCross } from "react-icons/im"
 import FilterTypeSelector from './FilterTypeSelector';
+import { AiFillWarning } from 'react-icons/ai';
 
 type RegexAddInfo = {
     regex:string,
@@ -103,6 +104,10 @@ function AddNewRegex({ opened, onClose, service }:{ opened:boolean, onClose:()=>
                 color="gray"
                 {...form.getInputProps('type')}
             />
+            {form.values.type == "whitelist"?<><Space h="md" />
+            <Alert variant="light" color="yellow" radius="lg" title="You are using whitelists" icon={<AiFillWarning />}>
+                Using whitelist means that EVERY packet that doesn't match the regex will be DROPPED... In most cases this cause the service interruption.
+            </Alert></>:null}
             <Group position="right" mt="md">
                 <Button loading={submitLoading} type="submit">Add Filter</Button>
             </Group>

frontend/src/components/Footer/index.tsx

@@ -1,11 +1,12 @@
-import { Footer } from '@mantine/core';
-import React from 'react';
+import { Footer, Space } from '@mantine/core';
+import image from "./pwnzer0tt1.svg"
 
 import style from "./index.module.scss";
+import { Link } from 'react-router-dom';
 
 function FooterPage() {
   return <Footer id="footer" height={70} className={style.footer}>
-        Made by Pwnzer0tt1
+        <img src={image} width={25} height={25} /> <Space w="xs" />Made by <div style={{marginLeft:"5px"}} /> <Link to="https://pwnzer0tt1.it">Pwnzer0tt1</Link> <Space w="xs" /> <img src={image} width={25} height={25} /> 
   </Footer>
 }