From 11fc810a0cf1d306a6ab542dec697d725918bb11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Mon, 7 Oct 2024 17:31:39 +0200
Subject: [PATCH 01/10] fix: forbidden extra non-null assertion

---
 frontend/src/routes/_protected/map/tree/new.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/_protected/map/tree/new.tsx b/frontend/src/routes/_protected/map/tree/new.tsx
index 01319f30..664b4d0e 100644
--- a/frontend/src/routes/_protected/map/tree/new.tsx
+++ b/frontend/src/routes/_protected/map/tree/new.tsx
@@ -22,9 +22,10 @@ function NewTree() {
   });
 
   const handleSave = () => {
+    if (!treeLatLng) return;
     navigate({
       to: "/tree/new",
-      search: { lat: treeLatLng!!.lat, lng: treeLatLng!!.lng },
+      search: { lat: treeLatLng.lat, lng: treeLatLng.lng },
     });
   };
 
@@ -46,7 +47,7 @@ function NewTree() {
               {treeLatLng ? (
                 <>
                   <p>Neuer Baum an folgendem Standort:</p>
-                  {treeLatLng!!.lat}, {treeLatLng!!.lng}
+                  {treeLatLng?.lat}, {treeLatLng?.lng}
                 </>
               ) : (
                 <p>Bitte wähle einen Standort für den neuen Baum.</p>

From 79936d106f86026338998b2c8432565318d29ec1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Mon, 7 Oct 2024 17:39:12 +0200
Subject: [PATCH 02/10] chore: fix linting issues

---
 frontend/src/components/map/MapController.tsx |   2 +-
 frontend/src/components/map/MapMarker.tsx     |   2 +-
 frontend/src/components/ui/button.tsx         |  56 ---
 frontend/src/components/ui/calendar.tsx       |  64 ----
 frontend/src/components/ui/chart.tsx          | 361 ------------------
 frontend/src/hooks/useMapMouseSelect.ts       |   2 +-
 frontend/src/routes/_protected/team.tsx       | 145 -------
 frontend/src/routes/_protected/vehicles.tsx   | 159 --------
 8 files changed, 3 insertions(+), 788 deletions(-)
 delete mode 100644 frontend/src/components/ui/button.tsx
 delete mode 100644 frontend/src/components/ui/calendar.tsx
 delete mode 100644 frontend/src/components/ui/chart.tsx

diff --git a/frontend/src/components/map/MapController.tsx b/frontend/src/components/map/MapController.tsx
index 3aac6d58..3d387323 100644
--- a/frontend/src/components/map/MapController.tsx
+++ b/frontend/src/components/map/MapController.tsx
@@ -4,7 +4,7 @@ import useMapStore from "@/store/store";
 
 export interface MapConrollerProps  {
   path: string;
-};
+}
 
 const MapConroller = ({path}: MapConrollerProps) => {
   const navigate = useNavigate({ from: path });
diff --git a/frontend/src/components/map/MapMarker.tsx b/frontend/src/components/map/MapMarker.tsx
index c7c55a1e..6822915b 100644
--- a/frontend/src/components/map/MapMarker.tsx
+++ b/frontend/src/components/map/MapMarker.tsx
@@ -1,4 +1,4 @@
-// @ts-ignore because this image needs to be imported, but not found for some reason, but works.
+// @ts-expect-error" because this image needs to be imported, but not found for some reason, but works.
 import defaultIconPng from "leaflet/dist/images/marker-icon.png";
 import L, { DivIcon, Icon, IconOptions } from "leaflet";
 import { Marker } from "react-leaflet";
diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
deleted file mode 100644
index 0ba42773..00000000
--- a/frontend/src/components/ui/button.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
-
-export { Button, buttonVariants }
diff --git a/frontend/src/components/ui/calendar.tsx b/frontend/src/components/ui/calendar.tsx
deleted file mode 100644
index b065f8e0..00000000
--- a/frontend/src/components/ui/calendar.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import * as React from "react"
-import { ChevronLeft, ChevronRight } from "lucide-react"
-import { DayPicker } from "react-day-picker"
-
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
-
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}: CalendarProps) {
-  return (
-    <DayPicker
-      showOutsideDays={showOutsideDays}
-      className={cn("p-3", className)}
-      classNames={{
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell:
-          "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_end: "day-range-end",
-        day_selected:
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside:
-          "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle:
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames,
-      }}
-      components={{
-        IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
-        IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
-      }}
-      {...props}
-    />
-  )
-}
-Calendar.displayName = "Calendar"
-
-export { Calendar }
diff --git a/frontend/src/components/ui/chart.tsx b/frontend/src/components/ui/chart.tsx
deleted file mode 100644
index 82cc71cc..00000000
--- a/frontend/src/components/ui/chart.tsx
+++ /dev/null
@@ -1,361 +0,0 @@
-import * as React from "react"
-import * as RechartsPrimitive from "recharts"
-
-import { cn } from "@/lib/utils"
-
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const
-
-export type ChartConfig = {
-  [k in string]: {
-    label?: React.ReactNode
-    icon?: React.ComponentType
-  } & (
-    | { color?: string; theme?: never }
-    | { color?: never; theme: Record<keyof typeof THEMES, string> }
-  )
-}
-
-type ChartContextProps = {
-  config: ChartConfig
-}
-
-const ChartContext = React.createContext<ChartContextProps | null>(null)
-
-function useChart() {
-  const context = React.useContext(ChartContext)
-
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />")
-  }
-
-  return context
-}
-
-const ChartContainer = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> & {
-    config: ChartConfig
-    children: React.ComponentProps<
-      typeof RechartsPrimitive.ResponsiveContainer
-    >["children"]
-  }
->(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React.useId()
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
-
-  return (
-    <ChartContext.Provider value={{ config }}>
-      <div
-        data-chart={chartId}
-        ref={ref}
-        className={cn(
-          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line-line]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-          className
-        )}
-        {...props}
-      >
-        <ChartStyle id={chartId} config={config} />
-        <RechartsPrimitive.ResponsiveContainer>
-          {children}
-        </RechartsPrimitive.ResponsiveContainer>
-      </div>
-    </ChartContext.Provider>
-  )
-})
-ChartContainer.displayName = "Chart"
-
-const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([_, config]) => config.theme || config.color
-  )
-
-  if (!colorConfig.length) {
-    return null
-  }
-
-  return (
-    <style
-      dangerouslySetInnerHTML={{
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-  .map(([key, itemConfig]) => {
-    const color =
-      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-      itemConfig.color
-    return color ? `  --color-${key}: ${color};` : null
-  })
-  .join("\n")}
-}
-`
-        ),
-      }}
-    />
-  )
-}
-
-const ChartTooltip = RechartsPrimitive.Tooltip
-
-const ChartTooltipContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-    React.ComponentProps<"div"> & {
-      hideLabel?: boolean
-      hideIndicator?: boolean
-      indicator?: "line" | "dot" | "dashed"
-      nameKey?: string
-      labelKey?: string
-    }
->(
-  (
-    {
-      active,
-      payload,
-      className,
-      indicator = "dot",
-      hideLabel = false,
-      hideIndicator = false,
-      label,
-      labelFormatter,
-      labelClassName,
-      formatter,
-      color,
-      nameKey,
-      labelKey,
-    },
-    ref
-  ) => {
-    const { config } = useChart()
-
-    const tooltipLabel = React.useMemo(() => {
-      if (hideLabel || !payload?.length) {
-        return null
-      }
-
-      const [item] = payload
-      const key = `${labelKey || item.dataKey || item.name || "value"}`
-      const itemConfig = getPayloadConfigFromPayload(config, item, key)
-      const value =
-        !labelKey && typeof label === "string"
-          ? config[label as keyof typeof config]?.label || label
-          : itemConfig?.label
-
-      if (labelFormatter) {
-        return (
-          <div className={cn("font-medium", labelClassName)}>
-            {labelFormatter(value, payload)}
-          </div>
-        )
-      }
-
-      if (!value) {
-        return null
-      }
-
-      return <div className={cn("font-medium", labelClassName)}>{value}</div>
-    }, [
-      label,
-      labelFormatter,
-      payload,
-      hideLabel,
-      labelClassName,
-      config,
-      labelKey,
-    ])
-
-    if (!active || !payload?.length) {
-      return null
-    }
-
-    const nestLabel = payload.length === 1 && indicator !== "dot"
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          className
-        )}
-      >
-        {!nestLabel ? tooltipLabel : null}
-        <div className="grid gap-1.5">
-          {payload.map((item, index) => {
-            const key = `${nameKey || item.name || item.dataKey || "value"}`
-            const itemConfig = getPayloadConfigFromPayload(config, item, key)
-            const indicatorColor = color || item.payload.fill || item.color
-
-            return (
-              <div
-                key={item.dataKey}
-                className={cn(
-                  "flex w-full items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-                  indicator === "dot" && "items-center"
-                )}
-              >
-                {formatter && item.value && item.name ? (
-                  formatter(item.value, item.name, item, index, item.payload)
-                ) : (
-                  <>
-                    {itemConfig?.icon ? (
-                      <itemConfig.icon />
-                    ) : (
-                      !hideIndicator && (
-                        <div
-                          className={cn(
-                            "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
-                            {
-                              "h-2.5 w-2.5": indicator === "dot",
-                              "w-1": indicator === "line",
-                              "w-0 border-[1.5px] border-dashed bg-transparent":
-                                indicator === "dashed",
-                              "my-0.5": nestLabel && indicator === "dashed",
-                            }
-                          )}
-                          style={
-                            {
-                              "--color-bg": indicatorColor,
-                              "--color-border": indicatorColor,
-                            } as React.CSSProperties
-                          }
-                        />
-                      )
-                    )}
-                    <div
-                      className={cn(
-                        "flex flex-1 justify-between leading-none",
-                        nestLabel ? "items-end" : "items-center"
-                      )}
-                    >
-                      <div className="grid gap-1.5">
-                        {nestLabel ? tooltipLabel : null}
-                        <span className="text-muted-foreground">
-                          {itemConfig?.label || item.name}
-                        </span>
-                      </div>
-                      {item.value && (
-                        <span className="font-mono font-medium tabular-nums text-foreground">
-                          {item.value.toLocaleString()}
-                        </span>
-                      )}
-                    </div>
-                  </>
-                )}
-              </div>
-            )
-          })}
-        </div>
-      </div>
-    )
-  }
-)
-ChartTooltipContent.displayName = "ChartTooltip"
-
-const ChartLegend = RechartsPrimitive.Legend
-
-const ChartLegendContent = React.forwardRef<
-  HTMLDivElement,
-  React.ComponentProps<"div"> &
-    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-      hideIcon?: boolean
-      nameKey?: string
-    }
->(
-  (
-    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
-    ref
-  ) => {
-    const { config } = useChart()
-
-    if (!payload?.length) {
-      return null
-    }
-
-    return (
-      <div
-        ref={ref}
-        className={cn(
-          "flex items-center justify-center gap-4",
-          verticalAlign === "top" ? "pb-3" : "pt-3",
-          className
-        )}
-      >
-        {payload.map((item) => {
-          const key = `${nameKey || item.dataKey || "value"}`
-          const itemConfig = getPayloadConfigFromPayload(config, item, key)
-
-          return (
-            <div
-              key={item.value}
-              className={cn(
-                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-              )}
-            >
-              {itemConfig?.icon && !hideIcon ? (
-                <itemConfig.icon />
-              ) : (
-                <div
-                  className="h-2 w-2 shrink-0 rounded-[2px]"
-                  style={{
-                    backgroundColor: item.color,
-                  }}
-                />
-              )}
-              {itemConfig?.label}
-            </div>
-          )
-        })}
-      </div>
-    )
-  }
-)
-ChartLegendContent.displayName = "ChartLegend"
-
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(
-  config: ChartConfig,
-  payload: unknown,
-  key: string
-) {
-  if (typeof payload !== "object" || payload === null) {
-    return undefined
-  }
-
-  const payloadPayload =
-    "payload" in payload &&
-    typeof payload.payload === "object" &&
-    payload.payload !== null
-      ? payload.payload
-      : undefined
-
-  let configLabelKey: string = key
-
-  if (
-    key in payload &&
-    typeof payload[key as keyof typeof payload] === "string"
-  ) {
-    configLabelKey = payload[key as keyof typeof payload] as string
-  } else if (
-    payloadPayload &&
-    key in payloadPayload &&
-    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
-  ) {
-    configLabelKey = payloadPayload[
-      key as keyof typeof payloadPayload
-    ] as string
-  }
-
-  return configLabelKey in config
-    ? config[configLabelKey]
-    : config[key as keyof typeof config]
-}
-
-export {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-}
diff --git a/frontend/src/hooks/useMapMouseSelect.ts b/frontend/src/hooks/useMapMouseSelect.ts
index 7ce6ffeb..21a09794 100644
--- a/frontend/src/hooks/useMapMouseSelect.ts
+++ b/frontend/src/hooks/useMapMouseSelect.ts
@@ -2,7 +2,7 @@ import { LatLng, LeafletMouseEvent } from "leaflet";
 import { useMapEvents } from "react-leaflet";
 
 export function useMapMouseSelect(
-  fn: (latlng: LatLng, e: LeafletMouseEvent) => any,
+  fn: (latlng: LatLng, e: LeafletMouseEvent) => void,
 ) {
   useMapEvents({
     click(e) {
diff --git a/frontend/src/routes/_protected/team.tsx b/frontend/src/routes/_protected/team.tsx
index b500c74b..796b97c5 100644
--- a/frontend/src/routes/_protected/team.tsx
+++ b/frontend/src/routes/_protected/team.tsx
@@ -1,64 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { Separator } from "../../components/ui/separator";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import { Button } from "@/components/ui/button";
-import { Edit, PlusCircleIcon, Trash, Filter } from "lucide-react";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Checkbox } from "@/components/ui/checkbox";
 
 export const Route = createFileRoute("/_protected/team")({
   component: Team,
 });
 
-enum Status {
-  Verfuegbar = "Verfügbar",
-  NichtVerfuegbar = "Nicht Verfügbar",
-}
-
-const team = [
-  {
-    name: "Hans Olaf",
-    jobPosition: "Gärtner",
-    status: Status.Verfuegbar,
-  },
-  {
-    name: "Timo Müller",
-    jobPosition: "Förster",
-    status: Status.Verfuegbar,
-  },
-  {
-    name: "Dieter Jürgensen",
-    jobPosition: "Gärtner",
-    status: Status.NichtVerfuegbar,
-  },
-  {
-    name: "Ralf Peter",
-    jobPosition: "Gärtner",
-    status: Status.Verfuegbar,
-  },
-  {
-    name: "Harald Thomsen",
-    jobPosition: "Förster",
-    status: Status.Verfuegbar,
-  },
-  {
-    name: "Uwe Schmidt",
-    jobPosition: "Förster",
-    status: Status.NichtVerfuegbar,
-  },
-];
-
 function Team() {
   return (
     <div className="container mt-6">
@@ -73,96 +18,6 @@ function Team() {
           Magna esse proident magna dolore aliqua nulla id sunt adipisicing.
         </p>
       </article>
-
-      {/* @TODO update team page to corporate design */}
-      <div className="h-[48px] flex items-center justify-between mx-2">
-        <div className="flex items-center">
-          <h1 className="font-bold text-xl">Team Mitglieder</h1>
-        </div>
-
-        <div className="flex items-center gap-2">
-          <Popover>
-            <PopoverTrigger asChild>
-              <Button variant="ghost" size="icon">
-                <Filter className="w-6 h-6" />
-              </Button>
-            </PopoverTrigger>
-            <PopoverContent className="w-80 flex flex-col gap-3">
-              <h1 className="font-bold text-xl">Filter</h1>
-              <div>
-                <h2 className="font-bold ml-1">Status</h2>
-                <ul className="ml-2">
-                  <li>
-                    <Checkbox id="statusVerfuegbar" />
-                    <label htmlFor="statusVerfuegbar" className="ml-1">
-                      Verfügbar
-                    </label>
-                  </li>
-                  <li>
-                    <Checkbox id="statusNichtVerfuegbar" />
-                    <label htmlFor="statusNichtVerfuegbar" className="ml-1">
-                      Nicht Verfügbar
-                    </label>
-                  </li>
-                </ul>
-              </div>
-              <div>
-                <h2 className="font-bold ml-1">Job Position</h2>
-                <ul className="ml-2">
-                  <li>
-                    <Checkbox id="gaertner" />
-                    <label htmlFor="gaertner" className="ml-1">
-                      Gärtner
-                    </label>
-                  </li>
-                  <li>
-                    <Checkbox id="foerster" />
-                    <label htmlFor="foerster" className="ml-1">
-                      Förster
-                    </label>
-                  </li>
-                </ul>
-              </div>
-            </PopoverContent>
-          </Popover>
-          <Button variant="default">
-            <PlusCircleIcon className="w-4 h-4" />
-            <span className="ml-2">Mitglied hinzufügen</span>
-          </Button>
-        </div>
-      </div>
-      <Separator />
-
-      <div className="p-4">
-        <div className="flex justify-end items-center"></div>
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>Name</TableHead>
-              <TableHead>Job Position</TableHead>
-              <TableHead>Aktueller Status</TableHead>
-              <TableHead className="text-right">Aktion</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {team.map((teamMember) => (
-              <TableRow key={teamMember.name}>
-                <TableCell className="font-medium">{teamMember.name}</TableCell>
-                <TableCell>{teamMember.jobPosition}</TableCell>
-                <TableCell>{teamMember.status}</TableCell>
-                <TableCell className="text-right">
-                  <Button variant="ghost" size="icon">
-                    <Edit className="w-4 h-4" />
-                  </Button>
-                  <Button variant="ghost" size="icon">
-                    <Trash className="w-4 h-4" />
-                  </Button>
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
     </div>
   );
 }
diff --git a/frontend/src/routes/_protected/vehicles.tsx b/frontend/src/routes/_protected/vehicles.tsx
index c10eb9cf..5ca40927 100644
--- a/frontend/src/routes/_protected/vehicles.tsx
+++ b/frontend/src/routes/_protected/vehicles.tsx
@@ -1,57 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { Separator } from "../../components/ui/separator";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "../../components/ui/table";
-import { Button } from "../../components/ui/button";
-import { Edit, PlusCircleIcon, Trash, Filter } from "lucide-react";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "../../components/ui/popover";
-import { Checkbox } from "../../components/ui/checkbox";
 
 export const Route = createFileRoute("/_protected/vehicles")({
   component: Vehicles,
 });
 
-const vehicles = [
-  {
-    title: "LF 10",
-    licensePlate: "FL-TB-1235",
-    type: "Wasserfahrzeug",
-    location: "Klärwerk",
-    status: "Verfügbar",
-  },
-  {
-    title: "LF 20",
-    licensePlate: "FL-TB-1235",
-    type: "Wasserfahrzeug",
-    location: "TBZ Standort",
-    status: "Verfügbar",
-  },
-  {
-    title: "LF 10",
-    licensePlate: "FL-TB-1235",
-    type: "Wasserfahrzeug",
-    location: "TBZ Standort",
-    status: "Verfügbar",
-  },
-  {
-    title: "LF 20",
-    licensePlate: "FL-TB-1235",
-    type: "Pritschenwagen",
-    location: "Klärwerk",
-    status: "Nicht verfügbar",
-  },
-];
-
 function Vehicles() {
   return (
     <div className="container mt-6">
@@ -66,117 +18,6 @@ function Vehicles() {
           Magna esse proident magna dolore aliqua nulla id sunt adipisicing.
         </p>
       </article>
-
-      {/* @TODO update vehicles page to corporate design */}
-      <div className="h-[48px] flex items-center justify-between mx-2">
-        <div className="flex items-center">
-          <h1 className="font-bold text-xl">Fahrzeuge</h1>
-        </div>
-
-        <div className="flex items-center gap-2">
-          <Popover>
-            <PopoverTrigger asChild>
-              <Button variant="ghost" size="icon">
-                <Filter className="w-6 h-6" />
-              </Button>
-            </PopoverTrigger>
-            <PopoverContent className="w-80 flex flex-col gap-3">
-              <h1 className="font-bold text-xl">Filter</h1>
-              <div>
-                <h2 className="font-bold ml-1">Status</h2>
-                <ul className="ml-2">
-                  <li>
-                    <Checkbox id="statusVerfuegbar" />
-                    <label htmlFor="statusVerfuegbar" className="ml-1">
-                      Verfügbar
-                    </label>
-                  </li>
-                  <li>
-                    <Checkbox id="statusNichtVerfuegbar" />
-                    <label htmlFor="statusNichtVerfuegbar" className="ml-1">
-                      Nicht Verfügbar
-                    </label>
-                  </li>
-                </ul>
-              </div>
-              <div>
-                <h2 className="font-bold ml-1">Typ</h2>
-                <ul className="ml-2">
-                  <li>
-                    <Checkbox id="gaertner" />
-                    <label htmlFor="gaertner" className="ml-1">
-                      Wasserfahrzeug
-                    </label>
-                  </li>
-                  <li>
-                    <Checkbox id="foerster" />
-                    <label htmlFor="foerster" className="ml-1">
-                      Pritschenwagen
-                    </label>
-                  </li>
-                </ul>
-              </div>
-              <div>
-                <h2 className="font-bold ml-1">Standort</h2>
-                <ul className="ml-2">
-                  <li>
-                    <Checkbox id="gaertner" />
-                    <label htmlFor="gaertner" className="ml-1">
-                      Klärwerk
-                    </label>
-                  </li>
-                  <li>
-                    <Checkbox id="foerster" />
-                    <label htmlFor="foerster" className="ml-1">
-                      TBZ
-                    </label>
-                  </li>
-                </ul>
-              </div>
-            </PopoverContent>
-          </Popover>
-          <Button variant="default">
-            <PlusCircleIcon className="w-4 h-4" />
-            <span className="ml-2">Fahrzeug hinzufügen</span>
-          </Button>
-        </div>
-      </div>
-      <Separator />
-
-      <div className="p-4">
-        <div className="flex justify-end items-center"></div>
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead className="w-[100px]">Beziechnung</TableHead>
-              <TableHead>Kennzeichen</TableHead>
-              <TableHead>Typ</TableHead>
-              <TableHead>Standort</TableHead>
-              <TableHead>Status</TableHead>
-              <TableHead className="text-right">Aktion</TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {vehicles.map((vehicle) => (
-              <TableRow key={vehicle.title}>
-                <TableCell className="font-medium">{vehicle.title}</TableCell>
-                <TableCell>{vehicle.licensePlate}</TableCell>
-                <TableCell>{vehicle.type}</TableCell>
-                <TableCell>{vehicle.location}</TableCell>
-                <TableCell>{vehicle.status}</TableCell>
-                <TableCell className="text-right">
-                  <Button variant="ghost" size="icon">
-                    <Edit className="w-4 h-4" />
-                  </Button>
-                  <Button variant="ghost" size="icon">
-                    <Trash className="w-4 h-4" />
-                  </Button>
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
     </div>
   );
 }

From 2d080e3c59702537d5ff26dcb26e877342487f04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Mon, 7 Oct 2024 17:44:54 +0200
Subject: [PATCH 03/10] chore: fix linting propblems

---
 frontend/src/components/map/MapMarker.tsx          | 2 +-
 frontend/src/routes/_protected/settings/import.tsx | 2 +-
 frontend/src/schema/newTreeSchema.ts               | 2 +-
 frontend/src/store/auth/authStore.ts               | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/map/MapMarker.tsx b/frontend/src/components/map/MapMarker.tsx
index 6822915b..b42de58a 100644
--- a/frontend/src/components/map/MapMarker.tsx
+++ b/frontend/src/components/map/MapMarker.tsx
@@ -1,4 +1,4 @@
-// @ts-expect-error" because this image needs to be imported, but not found for some reason, but works.
+// @ts-expect-error because this image needs to be imported, but not found for some reason, but works.
 import defaultIconPng from "leaflet/dist/images/marker-icon.png";
 import L, { DivIcon, Icon, IconOptions } from "leaflet";
 import { Marker } from "react-leaflet";
diff --git a/frontend/src/routes/_protected/settings/import.tsx b/frontend/src/routes/_protected/settings/import.tsx
index ed3945f6..9cbf5685 100644
--- a/frontend/src/routes/_protected/settings/import.tsx
+++ b/frontend/src/routes/_protected/settings/import.tsx
@@ -3,7 +3,7 @@ import FileUpload from '@/components/general/fileUpload/FileUpload';
 import GeneralStatusCard from '@/components/general/cards/GeneralStatusCard';
 import Modal from '@/components/general/form/Modal';
 import PrimaryButton from '@/components/general/buttons/PrimaryButton';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useTrees } from '@/hooks/useTrees';
 
 export const Route = createFileRoute('/_protected/settings/import')({
diff --git a/frontend/src/schema/newTreeSchema.ts b/frontend/src/schema/newTreeSchema.ts
index 25265149..077cb819 100644
--- a/frontend/src/schema/newTreeSchema.ts
+++ b/frontend/src/schema/newTreeSchema.ts
@@ -1,4 +1,4 @@
-import { clusterApi, sensorApi, treeApi } from "@/api/backendApi";
+import { treeApi } from "@/api/backendApi";
 import { useAuthHeader } from "@/hooks/useAuthHeader";
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { z } from "zod";
diff --git a/frontend/src/store/auth/authStore.ts b/frontend/src/store/auth/authStore.ts
index a621c1fb..595ee7f8 100644
--- a/frontend/src/store/auth/authStore.ts
+++ b/frontend/src/store/auth/authStore.ts
@@ -1,7 +1,7 @@
 import { SubStore } from "../store";
 import { AuthStore } from "./types";
 
-export const authStore: SubStore<AuthStore> = (set, get) => ({
+export const authStore: SubStore<AuthStore> = (set) => ({
   isAuthenticated: false,
   token: null,
   setIsAuthenticated: (auth) =>

From 4406c75e2c6f54c6e62049f5a2ae420b4d198032 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Tue, 8 Oct 2024 17:31:59 +0200
Subject: [PATCH 04/10] chore: delete not needed parameter

---
 frontend/src/store/map/mapStore.ts                 | 2 +-
 frontend/src/store/treecluster/treeclusterStore.ts | 6 +++---
 frontend/src/store/treecluster/types.ts            | 5 ++---
 frontend/src/store/user/userStore.ts               | 2 +-
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/store/map/mapStore.ts b/frontend/src/store/map/mapStore.ts
index 7b934782..a6194487 100644
--- a/frontend/src/store/map/mapStore.ts
+++ b/frontend/src/store/map/mapStore.ts
@@ -1,7 +1,7 @@
 import { SubStore } from "../store";
 import { MapStore } from "./types";
 
-export const mapStore: SubStore<MapStore> = (set, get) => ({
+export const mapStore: SubStore<MapStore> = (set) => ({
   center: [54.792277136221905, 9.43580607453268],
   zoom: 13,
   minZoom: 13,
diff --git a/frontend/src/store/treecluster/treeclusterStore.ts b/frontend/src/store/treecluster/treeclusterStore.ts
index afd59f14..8c7c76a1 100644
--- a/frontend/src/store/treecluster/treeclusterStore.ts
+++ b/frontend/src/store/treecluster/treeclusterStore.ts
@@ -1,11 +1,11 @@
-import { EntitiesTreeSoilCondition, RegionFromJSON } from "@green-ecolution/backend-client";
+import { EntitiesTreeSoilCondition } from "@green-ecolution/backend-client";
 import { SubStore } from "../store";
 import { NewTreeclusterStore } from "./types";
 
-export const newTreeclusterStore: SubStore<NewTreeclusterStore> = (set, get) => ({
+export const newTreeclusterStore: SubStore<NewTreeclusterStore> = (set) => ({
   name: "",
   address: "",
-  region: RegionFromJSON,
+  region: "",
   description: "",
   soilCondition: EntitiesTreeSoilCondition.TreeSoilConditionUnknown,
   treeIds: [],
diff --git a/frontend/src/store/treecluster/types.ts b/frontend/src/store/treecluster/types.ts
index b16866f2..7605ea3c 100644
--- a/frontend/src/store/treecluster/types.ts
+++ b/frontend/src/store/treecluster/types.ts
@@ -1,10 +1,9 @@
-import { Region } from "@/types/Region";
 import { EntitiesTreeSoilCondition } from "@green-ecolution/backend-client";
 
 type NewTreeclusterState = {
   name: string;
   address: string;
-  region: Region;
+  region: string;
   description: string;
   soilCondition: EntitiesTreeSoilCondition;
   treeIds:  number[];
@@ -13,7 +12,7 @@ type NewTreeclusterState = {
 type NewTreeclusterActions = {
   setName: (name: string) => void;
   setAddress: (address: string) => void;
-  setRegion: (region: Region) => void;
+  setRegion: (region: string) => void;
   setDescription: (description: string) => void;
   setSoilCondition: (soilCondition: EntitiesTreeSoilCondition) => void;
   setTreeIds: (treeIds: number[]) => void;
diff --git a/frontend/src/store/user/userStore.ts b/frontend/src/store/user/userStore.ts
index 8902ff30..98813be3 100644
--- a/frontend/src/store/user/userStore.ts
+++ b/frontend/src/store/user/userStore.ts
@@ -1,7 +1,7 @@
 import { SubStore } from "../store";
 import { UserStore } from "./types";
 
-export const userStore: SubStore<UserStore> = (set, get) => ({
+export const userStore: SubStore<UserStore> = (set) => ({
   username: "",
   email: "",
   firstName: "",

From c97dcec053cf6778a211c67a0bcfddbd885dc054 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Tue, 8 Oct 2024 17:39:49 +0200
Subject: [PATCH 05/10] chore: delete warnings

---
 frontend/src/components/map/MapMarker.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/map/MapMarker.tsx b/frontend/src/components/map/MapMarker.tsx
index b42de58a..7255faf4 100644
--- a/frontend/src/components/map/MapMarker.tsx
+++ b/frontend/src/components/map/MapMarker.tsx
@@ -5,7 +5,7 @@ import { Marker } from "react-leaflet";
 import { Marker as LeafletMarker } from "leaflet";
 import { useMemo, useRef } from "react";
 
-export const defaultIcon = new Icon({
+const defaultIcon = new Icon({
   iconUrl: defaultIconPng,
   iconSize: [25, 41],
   iconAnchor: [12, 41],
@@ -78,7 +78,7 @@ export const DragableMarker = ({
         }
       },
     }),
-    [],
+    [onDrag, onMove],
   );
 
   return (

From 7d7fe4d5f5c562e4082a8157bbc289af3859b77e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Thu, 10 Oct 2024 15:33:06 +0200
Subject: [PATCH 06/10] chore: fix warnings in useEffects

---
 frontend/src/hooks/form/useFormSync.ts                        | 4 ++--
 frontend/src/hooks/form/useInitForm.ts                        | 4 ++--
 .../_protected/treecluster/_formular/$treecluster.edit.tsx    | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/hooks/form/useFormSync.ts b/frontend/src/hooks/form/useFormSync.ts
index 6dc47019..9644823d 100644
--- a/frontend/src/hooks/form/useFormSync.ts
+++ b/frontend/src/hooks/form/useFormSync.ts
@@ -19,7 +19,7 @@ export const useFormSync = <T extends FieldValues>(
   useEffect(() => {
     // console.log("defaultValues", defaultValues);
     defaultValues && form.reset(defaultValues);
-  }, [defaultValues]);
+  }, [defaultValues, form]);
 
   useEffect(() => {
     const { unsubscribe } = form.watch((value) => {
@@ -28,7 +28,7 @@ export const useFormSync = <T extends FieldValues>(
     });
 
     return () => unsubscribe();
-  }, [form.watch]);
+  }, [commit, form, form.watch]);
 
   return form;
 };
diff --git a/frontend/src/hooks/form/useInitForm.ts b/frontend/src/hooks/form/useInitForm.ts
index 30ddd328..e6d7dddd 100644
--- a/frontend/src/hooks/form/useInitForm.ts
+++ b/frontend/src/hooks/form/useInitForm.ts
@@ -23,7 +23,7 @@ export const useInitFormQuery = <TData, TSchema>(
       initForm.current = handler(data);
       init(initForm.current);
     }
-  }, [data, init, isEmpty]);
+  }, [data, handler, init, isEmpty]);
 
   return { initForm: initForm.current, loadedData: data };
 };
@@ -41,7 +41,7 @@ export const useInitForm = <T>(defaulForm: T) => {
       initForm.current = defaulForm;
       isEmpty() && init(initForm.current);
     }
-  }, [init, isEmpty]);
+  }, [defaulForm, init, isEmpty]);
 
   return { initForm: initForm.current };
 };
diff --git a/frontend/src/routes/_protected/treecluster/_formular/$treecluster.edit.tsx b/frontend/src/routes/_protected/treecluster/_formular/$treecluster.edit.tsx
index ba367536..e1ac438f 100644
--- a/frontend/src/routes/_protected/treecluster/_formular/$treecluster.edit.tsx
+++ b/frontend/src/routes/_protected/treecluster/_formular/$treecluster.edit.tsx
@@ -86,7 +86,7 @@ function EditTreeCluster() {
       search: { resetStore: false },
       replace: true,
     });
-  }, []);
+  }, [formStore, navigate]);
 
   const onUpdateError = () => {
     console.error("Error updating treecluster");

From 255e9dd5c92740661f2d446f8af1c9b6007b49be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Thu, 10 Oct 2024 15:38:36 +0200
Subject: [PATCH 07/10] chore: fix any linting error

---
 frontend/src/routes/_protected/settings/import.tsx | 4 ++--
 frontend/src/store/form/useFormStore.ts            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/_protected/settings/import.tsx b/frontend/src/routes/_protected/settings/import.tsx
index 9cbf5685..24291701 100644
--- a/frontend/src/routes/_protected/settings/import.tsx
+++ b/frontend/src/routes/_protected/settings/import.tsx
@@ -50,9 +50,9 @@ function ImportFile() {
 
       setFile(null);
       setMessage("Es wurden erfolgreich neue Daten importiert.");
-    } catch (error: any) {
+    } catch (error: unknown) {
       console.error(error);
-      setMessage(error)
+      setMessage(String(error));
     }
   };
 
diff --git a/frontend/src/store/form/useFormStore.ts b/frontend/src/store/form/useFormStore.ts
index f0d96a15..cf28ec2e 100644
--- a/frontend/src/store/form/useFormStore.ts
+++ b/frontend/src/store/form/useFormStore.ts
@@ -17,7 +17,7 @@ type FormStoreActions<Form> = {
 
 export type FormStore<T> = FormStoreState<T> & FormStoreActions<T>;
 
-const useFormStore = create<FormStore<any>>()(
+const useFormStore = create<FormStore<unknown>>()(
   devtools(
     immer((set, get) => ({
       form: undefined,

From a025842718ba3ee38f031799490b396fb8726026 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Thu, 10 Oct 2024 15:40:23 +0200
Subject: [PATCH 08/10] chore: only create pr if linter is running through

---
 .github/workflows/build-and-test-on-pr.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/build-and-test-on-pr.yaml b/.github/workflows/build-and-test-on-pr.yaml
index a3522ebb..bfc1d27e 100644
--- a/.github/workflows/build-and-test-on-pr.yaml
+++ b/.github/workflows/build-and-test-on-pr.yaml
@@ -31,7 +31,7 @@ jobs:
           yarn build
 
       - name: Linter
-        continue-on-error: true # For now
+        continue-on-error: false
         run: |
           yarn lint
 

From ecd2171c6218d4755ecc951cd32c6d06347ae93e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Fri, 11 Oct 2024 16:17:45 +0200
Subject: [PATCH 09/10] fix: linting problems

---
 frontend/src/hooks/form/useInitForm.ts            | 2 +-
 frontend/src/routes/_protected/map/tree/edit.tsx  | 6 +++---
 frontend/src/routes/_protected/map/tree/new.tsx   | 2 +-
 frontend/src/routes/_protected/tree/_formular.tsx | 1 -
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/src/hooks/form/useInitForm.ts b/frontend/src/hooks/form/useInitForm.ts
index b0ec83a7..92fc1c4a 100644
--- a/frontend/src/hooks/form/useInitForm.ts
+++ b/frontend/src/hooks/form/useInitForm.ts
@@ -41,7 +41,7 @@ export const useInitForm = <T>(defaulForm: T) => {
       initForm.current = defaulForm;
       init(initForm.current);
     } 
-  }, [init, isEmpty]);
+  }, [defaulForm, init, isEmpty]);
 
   return { initForm: initForm.current };
 };
diff --git a/frontend/src/routes/_protected/map/tree/edit.tsx b/frontend/src/routes/_protected/map/tree/edit.tsx
index 1fbdf545..3a99d84d 100644
--- a/frontend/src/routes/_protected/map/tree/edit.tsx
+++ b/frontend/src/routes/_protected/map/tree/edit.tsx
@@ -16,7 +16,7 @@ function EditTree() {
   const modalRef = useRef<HTMLDivElement>(null);
   const { treeId } = Route.useSearch();
   const { commit, form, type } = useFormStore((state: FormStore<TreeForm>) => ({
-    form: state.form!!,
+    form: state.form!,
     commit: state.commit,
     type: state.type,
   }));
@@ -48,7 +48,7 @@ function EditTree() {
           search: { lat: treeLatLng.lat, lng: treeLatLng.lng, zoom },
         });
     }
-  }, [navigate, type, treeId]);
+  }, [type, navigate, treeLatLng.lat, treeLatLng.lng, treeId, zoom]);
 
   const handleSave = () => {
     commit({ ...form, latitude: treeLatLng.lat, longitude: treeLatLng.lng });
@@ -68,7 +68,7 @@ function EditTree() {
               {treeLatLng ? (
                 <>
                   <p>Neuer Baum an folgendem Standort:</p>
-                  {treeLatLng!!.lat}, {treeLatLng!!.lng}
+                  {treeLatLng!.lat}, {treeLatLng!.lng}
                 </>
               ) : (
                 <p>Bitte wähle einen Standort für den neuen Baum.</p>
diff --git a/frontend/src/routes/_protected/map/tree/new.tsx b/frontend/src/routes/_protected/map/tree/new.tsx
index 9a58b361..9cce40dd 100644
--- a/frontend/src/routes/_protected/map/tree/new.tsx
+++ b/frontend/src/routes/_protected/map/tree/new.tsx
@@ -25,7 +25,7 @@ function NewTree() {
     if (!treeLatLng) return;
     navigate({
       to: "/tree/new",
-      search: { lat: treeLatLng!!.lat, lng: treeLatLng!!.lng, resetStore: true },
+      search: { lat: treeLatLng!.lat, lng: treeLatLng!.lng, resetStore: true },
     });
   };
 
diff --git a/frontend/src/routes/_protected/tree/_formular.tsx b/frontend/src/routes/_protected/tree/_formular.tsx
index 6c7a746e..0831f5c5 100644
--- a/frontend/src/routes/_protected/tree/_formular.tsx
+++ b/frontend/src/routes/_protected/tree/_formular.tsx
@@ -28,7 +28,6 @@ export const treeQuery = (treeId: string, authorization: string) =>
     queryFn: () => treeApi.getTrees({ treeId, authorization }),
   });
 
-
 export const Route = createFileRoute("/_protected/tree/_formular")({
   component: () => <Outlet />,
   validateSearch: treeFormularSchema,

From 9eada6f345a60ec53e9381bd3961c653effbc43e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Fri, 11 Oct 2024 16:20:07 +0200
Subject: [PATCH 10/10] chore: repress warnings

---
 frontend/src/routes/_protected/tree/_formular.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/routes/_protected/tree/_formular.tsx b/frontend/src/routes/_protected/tree/_formular.tsx
index 0831f5c5..1818368f 100644
--- a/frontend/src/routes/_protected/tree/_formular.tsx
+++ b/frontend/src/routes/_protected/tree/_formular.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-refresh/only-export-components */
 import { clusterApi, sensorApi, Tree, treeApi } from "@/api/backendApi";
 import queryClient from "@/api/queryClient";
 import useFormStore from "@/store/form/useFormStore";