feat: Diff editor tool addition

Author: smithg09

package.json

@@ -85,7 +85,6 @@
     "@types/loadable__component": "^5.13.9",
     "@types/node": "^24.0.13",
     "@types/react": "^18.2.73",
-    "@types/rss-parser": "^5.0.7",
     "@types/react-dom": "^18.2.23",
     "@types/react-katex": "^3.0.4",
     "@types/uuid": "^9.0.8",

src/components/AppRoutes.tsx

@@ -21,6 +21,7 @@ const componentMap = {
   epoch: loadable(() => import("../pages/epoch/Epoch")) as React.ComponentType,
   dns: loadable(() => import("../pages/dns/DnsLookup")) as React.ComponentType,
   hmac: loadable(() => import("../pages/hmac/HmacGenerator")) as React.ComponentType,
+  diff: loadable(() => import("../pages/diff")) as React.ComponentType,
   "url-parser": loadable(() => import("@/pages/url/UrlParser")) as React.ComponentType,
   "url-encoder": loadable(() => import("@/pages/url/UrlEncoder")) as React.ComponentType,
   "certificate-decoder": loadable(() => import("../pages/x509/X509")) as React.ComponentType,

src/constants/tools.tsx

@@ -112,6 +112,14 @@ export const tools = [
     description: "Convert epoch timestamps to readable dates and timezones",
     module: "converters",
   },
+  {
+    id: "diff",
+    path: "/diff",
+    icon: <BsArrowLeftRight />,
+    text: "Diff",
+    description: "Compare text, JSON, XML, and code with Monaco diff",
+    module: "viewers",
+  },
   {
     id: "timezone",
     path: "/timezone",

src/pages/dashboard/Dashboard.tsx

@@ -34,7 +34,7 @@ export default function Dashboard() {
             Your daily developer hub
           </Text>
         </Stack>
-        <ActionIcon variant="light" size="lg" onClick={() => navigate("/settings")}>
+        <ActionIcon variant="subtle" size="lg" onClick={() => navigate("/settings")}>
           <BsGear />
         </ActionIcon>
       </Group>

src/pages/dashboard/components/RSSFeed.tsx

@@ -12,6 +12,7 @@ import {
 } from "@mantine/core";
 import { useState } from "react";
 import { BsArrowClockwise, BsPlus } from "react-icons/bs";
+import { TbGridDots, TbList } from "react-icons/tb";
 
 type Feed = { id: string; url: string; title?: string; enabled: boolean };
 
@@ -63,12 +64,20 @@ export default function RSSFeed({
               Add feed
             </Button>
             <SegmentedControl
-              size="xs"
+              size="sm"
               value={viewMode}
               onChange={v => setViewMode(v as any)}
+              radius="md"
+              styles={{
+                innerLabel: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                },
+              }}
               data={[
-                { label: "Card", value: "card" },
-                { label: "List", value: "list" },
+                { label: <TbGridDots />, value: "card" },
+                { label: <TbList />, value: "list" },
               ]}
             />
           </Group>