Follow the React API changes of tabler-icons 3.0

Author: torokati44

src/app/downloads/config.tsx

@@ -1,12 +1,12 @@
 import {
+  Icon,
   IconBrandApple,
   IconBrandChrome,
   IconBrandEdge,
   IconBrandFirefox,
   IconBrandJavascript,
   IconBrandSafari,
-  IconBrandWindows,
-  TablerIconsProps,
+  IconBrandWindows
 } from "@tabler/icons-react";
 import React from "react";
 import { IconBrandLinux } from "@/components/icons";
@@ -87,7 +87,7 @@ export interface DownloadLink {
   /**
    * Icon to represent this link
    */
-  icon: (props: TablerIconsProps) => React.JSX.Element;
+  icon: React.ExoticComponent<React.RefAttributes<Icon>>;
 
   /**
    * Whether or not to recommend this link to the given device

src/app/installers.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import {
+  Icon,
   IconBrandJavascript,
-  IconList,
-  TablerIconsProps,
+  IconList
 } from "@tabler/icons-react";
 import React from "react";
 import { useDeviceSelectors } from "react-device-detect";
@@ -13,7 +13,7 @@ import Link from "next/link";
 import { allLinks, CurrentDevice, GithubRelease } from "@/app/downloads/config";
 
 interface RecommendedDownload {
-  icon: (props: TablerIconsProps) => React.JSX.Element;
+  icon: React.ExoticComponent<React.RefAttributes<Icon>>;
   name: string;
   url: string;
   className?: string;

src/components/icons.tsx

@@ -3,6 +3,7 @@ import { createReactComponent } from "@tabler/icons-react";
 // Source: https://www.svgrepo.com/svg/340565/linux
 // Apache license
 export const IconBrandLinux = createReactComponent(
+  "outline",
   "icon-brand-linux",
   "IconBrandLinux",
   [