update button ui

Author: AykutSarac

src/features/editor/Toolbar/index.tsx

@@ -4,7 +4,7 @@ import { Flex, Group, Select, Button } from "@mantine/core";
 import styled from "styled-components";
 import toast from "react-hot-toast";
 import { AiOutlineFullscreen } from "react-icons/ai";
-import { FaBolt, FaGithub } from "react-icons/fa6";
+import { FaFireFlameCurved, FaGithub } from "react-icons/fa6";
 import { type FileFormat, formats } from "../../../enums/file.enum";
 import { JSONCrackLogo } from "../../../layout/JsonCrackLogo";
 import useFile from "../../../store/useFile";
@@ -68,22 +68,24 @@ export const Toolbar = () => {
         <FileMenu />
         <ViewMenu />
         <ToolsMenu />
+      </Group>
+      <Group gap="xs" justify="right" w="100%" style={{ flexWrap: "nowrap" }}>
         <Button
           component={Link}
           href="https://todiagram.com/editor?utm_source=jsoncrack&utm_medium=toolbar"
           target="_blank"
           rel="noopener"
           autoContrast
           color="green"
+          variant="outline"
+          c="bright"
           size="compact-sm"
           fz="12"
           fw="600"
-          leftSection={<FaBolt />}
+          leftSection={<FaFireFlameCurved />}
         >
-          JSON Crack v2.0
+          NEW! JSON Crack v2.0
         </Button>
-      </Group>
-      <Group gap="xs" justify="right" w="100%" style={{ flexWrap: "nowrap" }}>
         <Link href="https://github.com/AykutSarac/jsoncrack.com" rel="noopener" target="_blank">
           <StyledToolElement title="GitHub">
             <FaGithub size="18" />