Fix rename seperator again (#828)

* Reapply "Seperator -> Separator (#823)" (#827)

This reverts commit e421eb4244.

* Rename new seperator

* Update packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx

Co-authored-by: Copilot <[email protected]>

* Update packages/web/src/components/Dialog/RebootDialog.tsx

Co-authored-by: Copilot <[email protected]>

* Update packages/web/src/components/PageComponents/Map/NodeDetail.tsx

Co-authored-by: Copilot <[email protected]>

* Update packages/web/src/pages/Dashboard/index.tsx

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: philon- <[email protected]>
Co-authored-by: Dan Ditomaso <[email protected]>
Co-authored-by: Copilot <[email protected]>

packages/web/src/components/Dialog/NodeDetailsDialog/NodeDetailsDialog.tsx

@@ -16,7 +16,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@components/UI/Dialog.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator.tsx";
 import {
   Tooltip,
   TooltipArrow,

packages/web/src/components/Dialog/RebootDialog.tsx

@@ -10,7 +10,7 @@ import {
 } from "@components/UI/Dialog.tsx";
 import { Input } from "@components/UI/Input.tsx";
 import { Label } from "@components/UI/Label.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator.tsx";
 import { useDevice } from "@core/stores";
 import { ClockIcon, OctagonXIcon, RefreshCwIcon } from "lucide-react";
 import { useState } from "react";

packages/web/src/components/PageComponents/Map/NodeDetail.tsx

@@ -2,7 +2,7 @@ import BatteryStatus from "@components/BatteryStatus.tsx";
 import { Mono } from "@components/generic/Mono.tsx";
 import { TimeAgo } from "@components/generic/TimeAgo.tsx";
 import { Avatar } from "@components/UI/Avatar.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator.tsx";
 import { Heading } from "@components/UI/Typography/Heading.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { formatQuantity } from "@core/utils/string.ts";

packages/web/src/components/PageComponents/Messages/ChannelChat.tsx

@@ -1,5 +1,5 @@
 import { MessageItem } from "@components/PageComponents/Messages/MessageItem.tsx";
-import { Separator } from "@components/UI/Seperator";
+import { Separator } from "@components/UI/Separator";
 import type { Message } from "@core/stores/messageStore/types.ts";
 import type { TFunction } from "i18next";
 import { InboxIcon } from "lucide-react";

packages/web/src/components/UI/Seperator.tsx → packages/web/src/components/UI/Separator.tsx

@@ -3,7 +3,7 @@ import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
 
 const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentRef<typeof SeparatorPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
 >(
   (

packages/web/src/pages/Dashboard/index.tsx

@@ -1,6 +1,6 @@
 import LanguageSwitcher from "@components/LanguageSwitcher.tsx";
 import { Button } from "@components/UI/Button.tsx";
-import { Separator } from "@components/UI/Seperator.tsx";
+import { Separator } from "@components/UI/Separator.tsx";
 import { Heading } from "@components/UI/Typography/Heading.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { useAppStore, useDeviceStore, useNodeDBStore } from "@core/stores";