GREG-82: Style tabs

Adding two buttons to a component that can be reused in the sponsor flow.

One links to the front page and the other to the registation page.

frontend/src/routes/register/stepPersonForm.tsx

@@ -158,13 +158,11 @@ const StepPersonForm = forwardRef((props: StepPersonFormProperties, ref: Ref<Per
                   ous
                     .sort(i18n.language === 'en' ? enSort : nbSort)
                     .map((ou) => (
-                      <MenuItem value={ou.id}>
+                      <MenuItem key={ou.id.toString()} value={ou.id}>
                         {i18n.language === 'en' ? ou.en : ou.nb} ({ou.id})
                       </MenuItem>
                     ))
-                ) : (
-                  <></>
-                )}
+                ) : ('')}
               </Select>
             </FormControl>
 
@@ -180,6 +178,7 @@ const StepPersonForm = forwardRef((props: StepPersonFormProperties, ref: Ref<Per
                 roleTypes.sort(roleTypeSort())
                   .map((roleType) => (
                     <MenuItem
+                      key={roleType.id.toString()}
                       value={roleType.id}>{i18n.language === 'en' ? roleType.name_en : roleType.name_nb}</MenuItem>
                   ))
               }