fix conflicting order warnings

software issues keep getting dumber every minute facebook/create-react-app#5372 (comment)

Signed-off-by: rishichawda <[email protected]>

Author: rishichawda

src/components/articles/search/index.tsx

@@ -10,7 +10,6 @@ const Search: React.FC<SearchProps> = ({ searchQuery, setSearchQuery }) => {
   return (
     <form
       id="articles-search-bar"
-      action="javascript:void(0);"
       method="get"
       autoComplete="off"
       className="border-4 border-gray-200 focus-within:border-gray-300 dark:border-slate-600 dark:focus-within:border-slate-500 w-full sm:w-fit"
@@ -26,9 +25,6 @@ const Search: React.FC<SearchProps> = ({ searchQuery, setSearchQuery }) => {
         name="articles-search-bar"
         className="placeholder:text-gray-400 block bg-gray-200 dark:bg-slate-600 dark:placeholder:text-slate-300"
       />
-      <button className="hide" type="submit">
-        Search
-      </button>
     </form>
   );
 };

src/components/layout.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import Footer from "./footer";
 import Navbar from "./navbar";
+import Footer from "./footer";
 
 const Layout: React.FC<LayoutProps> = ({ children, showScrollProgress }) => {
   return (

src/components/navbar/index.tsx

@@ -5,8 +5,8 @@ import React from "react";
 
 import { useSiteMetadata } from "../../hooks/use-site-metadata";
 import Logo from "../logo";
-import ThemeToggle from "../themeToggle";
 import ScrollProgress from "./scrollProgress";
+import ThemeToggle from "../themeToggle";
 
 type NavbarProps = {
   showScrollProgress?: boolean;

src/pages/articles.tsx

@@ -4,11 +4,11 @@ import { m, LazyMotion, domAnimation } from "framer-motion";
 import * as React from "react";
 import { useFlexSearch } from "react-use-flexsearch";
 
-import ArticlesList from "../components/articles/list";
-import Search from "../components/articles/search";
 import Layout from "../components/layout";
 import SEO from "../components/seo";
 import Tag from "../components/tag";
+import ArticlesList from "../components/articles/list";
+import Search from "../components/articles/search";
 import {
   filterByTags,
   transformFlexSearchData,