feat: Certificate decoder tool addition

Author: smithg09

README.md

@@ -54,6 +54,7 @@ Devbox is a lightweight, cross-platform desktop application built with Tauri (Ru
 - [x] HMAC Generator
 - [x] Backslash Escape/Unescape
 - [x] DNS Lookup Tool
+- [x] Certificate Decoder X.509
 - [ ] Diff tools
 - [ ] CSS Playground
 - [ ] Scratch Pad (code)
@@ -79,6 +80,5 @@ Devbox is a lightweight, cross-platform desktop application built with Tauri (Ru
 - [ ] Hasing Files
 - [ ] Notes
 - [ ] World clock
-- [ ] Certificate Decoder X.509
 - [ ] WebSocket Client
 - [ ] Mock API Server / Webhook test

src/Components/AppRoutes.tsx

@@ -25,6 +25,7 @@ const componentMap = {
   hmac: loadable(() => import("../Features/hmac/HmacGenerator")) as React.ComponentType,
   "url-parser": loadable(() => import("@/Features/url/UrlParser")) as React.ComponentType,
   "url-encoder": loadable(() => import("@/Features/url/UrlEncoder")) as React.ComponentType,
+  "certificate-decoder": loadable(() => import("../Features/x509/X509")) as React.ComponentType,
 };
 // Dynamically create lazy-loaded components
 const routes = tools

src/Features/markdown/Markdown.tsx

@@ -1,9 +1,9 @@
-import { Button, Group, Stack, Text, SegmentedControl, Box, CopyButton } from "@mantine/core";
-import { BsFileEarmarkText, BsEye, BsLayoutSplit, BsCheck, BsCopy, BsSave } from "react-icons/bs";
 import { demoMdFile } from "@/Features/markdown/constants";
-import { useState } from "react";
-import { useFile } from "@/hooks";
 import MarkdownEditor from "@/Features/markdown/Editor";
+import { useFile } from "@/hooks";
+import { Box, Button, CopyButton, Group, SegmentedControl, Stack, Text } from "@mantine/core";
+import { useState } from "react";
+import { BsCheck, BsCopy, BsEye, BsFileEarmarkText, BsLayoutSplit, BsSave } from "react-icons/bs";
 
 const Markdown = () => {
   const [viewMode, setViewMode] = useState<"editor" | "both" | "preview">("both");
@@ -100,5 +100,3 @@ const Markdown = () => {
 };
 
 export default Markdown;
-
-// TODO: Save previous text,... db?