Refactor Nexus component and related functions

Author: Twiddllo

frontend/src/Nexus.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react'
 import { clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
+import { cn } from './utils/cn'
 import {
     Activity, Wifi, Cpu, HardDrive, Download, Upload,
     LayoutDashboard, Server, CheckSquare, Settings, User,
@@ -11,8 +12,6 @@ import {
     Tooltip, ResponsiveContainer
 } from 'recharts'
 
-export function cn(...inputs) { return twMerge(clsx(inputs)) }
-
 const Button = React.forwardRef(({ className, variant = "default", size = "default", ...props }, ref) => {
     const variants = {
         default: "bg-indigo-600 text-white hover:bg-indigo-700",