Io-2192 Add predefined vehicles list.

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.new.component.jsx

@@ -80,7 +80,11 @@ export default function JobsCreateVehicleInfoNewComponent({ form }) {
         >
           <Input disabled={!state.vehicle.new} />
         </Form.Item>
-        <JobsCreateVehicleInfoPredefined form={form} span={1} />
+        <JobsCreateVehicleInfoPredefined
+          disabled={!state.vehicle.new}
+          form={form}
+          span={1}
+        />
       </LayoutFormRow>
 
       <LayoutFormRow header={t("vehicles.forms.registration")} grow>

client/src/components/jobs-create-vehicle-info/jobs-create-vehicle-info.predefined.component.jsx

@@ -4,7 +4,7 @@ import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import PredefinedVehicles from "./predefined-vehicles.json";
 
-export default function JobsCreateVehicleInfoPredefined({ form }) {
+export default function JobsCreateVehicleInfoPredefined({ disabled, form }) {
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const { t } = useTranslation();
@@ -15,18 +15,16 @@ export default function JobsCreateVehicleInfoPredefined({ form }) {
   const filteredPredefinedVehicles =
     search === ""
       ? PredefinedVehicles
-      : PredefinedVehicles.filter((v) =>
-          v.make
-            .toLowerCase()
-            .includes(
-              search.toLowerCase() ||
-                v.model.toLowerCase().includes(search.toLowerCase())
-            )
+      : PredefinedVehicles.filter(
+          (v) =>
+            v.make.toLowerCase().includes(search.toLowerCase()) ||
+            v.model.toLowerCase().includes(search.toLowerCase())
         );
 
   const popContent = () => (
     <div>
       <Table
+        size="small"
         title={() => <Input.Search onSearch={(value) => setSearch(value)} />}
         dataSource={filteredPredefinedVehicles}
         columns={[
@@ -46,6 +44,7 @@ export default function JobsCreateVehicleInfoPredefined({ form }) {
             title: t("general.labels.actions"),
             render: (value, record) => (
               <Button
+                disabled={disabled}
                 onClick={() => {
                   form.setFieldsValue({
                     vehicle: {