Greg 61 Add search field

Legger til register siden med søke felt og knapp som peker til skjemaet for å registrere gjest.

Inneholder også en commit som strukturerer roller og personer litt enklere slik at man henter ut personer, og hver person har et roles attribute med en liste med deres roller.

frontend/src/routes/sponsor/register/frontPage.tsx

-import { Button, InputAdornment, TextField } from '@mui/material'
+import { Button, InputAdornment, MenuItem, TextField } from '@mui/material'
 import Page from 'components/page'
 import { Link } from 'react-router-dom'
 import SponsorGuestButtons from 'routes/components/sponsorGuestButtons'
 import SearchIcon from '@mui/icons-material/Search'
 import { useTranslation } from 'react-i18next'
+import { debounce } from 'lodash'
+import { useState } from 'react'
+
+type Guest = {
+  first: string
+  last: string
+  pid: string
+}
 
 function FrontPage() {
   const [t] = useTranslation('common')
+  const [guests, setGuests] = useState<Guest[]>([])
+
+  const getGuests = async () => {
+    console.log('search not implemented')
+    setGuests([])
+  }
   return (
     <Page>
       <SponsorGuestButtons registerNewGuestActive />
@@ -22,7 +36,20 @@ function FrontPage() {
         }}
         fullWidth
         placeholder="Mobile phone, e-mail"
+        onChange={debounce(getGuests, 600)}
       />
+      {guests ? (
+        guests.map((guest) => {
+          const guestTo = `/sponsor/guest/${guest.pid}`
+          return (
+            <MenuItem component={Link} to={guestTo}>
+              {guest.first} {guest.last}
+            </MenuItem>
+          )
+        })
+      ) : (
+        <></>
+      )}
       <Button variant="contained" component={Link} to="register/new">
         {t('register.registerButtonText')}
       </Button>