Refactored Code (#12)

.github/workflows/check-file-size.yml

@@ -4,9 +4,9 @@ on:
   # On pull requests to the main branch
   pull_request:
     branches: [main]
-  # On pushes to the main branch
-  push:
-    branches: [main]
+  # # Or directly On pushes to the main branch
+  # push:
+  #   branches: [main]
   # to run this workflow manually from the Actions tab
   workflow_dispatch:
   # to run this workflow from another workflow

.github/workflows/pipeline.yml

@@ -8,8 +8,6 @@ on:
 
 # Test, Build and Deploy the app
 jobs:
-  check-file-size:
-    uses: ./.github/workflows/check-file-size.yml
   test-build-node-js-app:
     uses: ./.github/workflows/node-js-tests.yml
   test-build-python-package:

frontend/app/components/chat-section.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useChat } from "ai/react";
-import { ChatInput, ChatMessages } from "./ui/chat";
+import { ChatInput, ChatMessages } from "@/app/components/ui/chat";
 
 export default function ChatSection() {
   const {

frontend/app/components/footer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { FooterNavLink } from "./ui/navlink";
-import { IconGitHub } from "./ui/icons";
+import { FooterNavLink } from "@/app/components/ui/navlink";
+import { IconGitHub } from "@/app/components/ui/icons";
 import { Text, Cookie } from "lucide-react";
 
 export default function Footer() {

frontend/app/components/header.tsx

@@ -7,8 +7,8 @@ import { useEffect, useState } from "react";
 import { useMedia } from 'react-use';
 import useSWR from 'swr';
 import logo from '@/public/smart-retrieval-logo.webp';
-import { HeaderNavLink } from './ui/navlink';
-import { MobileMenu } from './ui/mobilemenu';
+import { HeaderNavLink } from '@/app/components/ui/navlink';
+import { MobileMenu } from '@/app/components/ui/mobilemenu';
 
 const MobileMenuItems = [
   {
@@ -125,7 +125,7 @@ export default function Header() {
             >
               {isMobileMenuOpen ? (
                 <span role="img" aria-label="close icon">
-                  <X/>
+                  <X />
                 </span>
               ) : (
                 <span role="img" aria-label="menu icon">
@@ -133,8 +133,6 @@ export default function Header() {
                 </span>)}
             </button>
           </div>
-          {/* Mobile menu component */}
-          <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setMobileMenuOpen(false)} logoSrc={logo} items={MobileMenuItems} />
           <div className={`hidden items-center gap-4 lg:flex`}>
             <HeaderNavLink href="/">
               <div className="flex items-center transition duration-300 ease-in-out transform hover:scale-125">
@@ -201,6 +199,8 @@ export default function Header() {
             </button>
           </div>
         </div>
+        {/* Mobile menu component */}
+        <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setMobileMenuOpen(false)} logoSrc={logo} items={MobileMenuItems} />
       </nav>
     </div>
   );

frontend/app/components/query-section.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useChat } from "ai/react";
-import { ChatInput, ChatMessages } from "./ui/chat";
+import { ChatInput, ChatMessages } from "@/app/components/ui/chat";
 
 export default function QuerySection() {
     const {

frontend/app/components/search-section.tsx

@@ -1,7 +1,6 @@
 // SearchSection.tsx
 "use client";
 
-import { SearchResult } from "@/app/components/ui/search/search-types";
 import { useState, ChangeEvent, FormEvent } from "react";
 import useSearch from "@/app/components/ui/search/useSearch";
 import SearchResults from "@/app/components/ui/search/search-results";

frontend/app/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 import { forwardRef } from "react";
-import { cn } from "./lib/utils";
+import { cn } from "@/app/components/ui/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",

frontend/app/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from "react";
 
-import { cn } from "./lib/utils";
+import { cn } from "@/app/components/ui/lib/utils";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

frontend/app/components/ui/search/search-input.tsx

@@ -1,8 +1,8 @@
 // SearchInput.tsx
 
 import { ChangeEvent, FormEvent } from "react";
-import { Button } from "../button";
-import { Input } from "../input";
+import { Button } from "@/app/components/ui/button";
+import { Input } from "@/app/components/ui/input";
 import { Search } from "lucide-react";
 
 interface SearchInputProps {

frontend/app/components/ui/search/search-results.tsx

@@ -1,5 +1,5 @@
-import { SearchResult } from "./search-types";
-import { IconSpinner } from "../icons";
+import { SearchResult } from "@/app/components/ui/search/search-types"
+import { IconSpinner } from "@/app/components/ui/icons";
 import { Fragment, useState } from "react";
 import { ArrowDownFromLine, ArrowUpFromLine, Copy } from "lucide-react";
 import { ToastContainer, toast } from 'react-toastify';

frontend/app/components/ui/search/useSearch.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { SearchResult } from "./search-types";
+import { SearchResult } from "@/app/components/ui/search/search-types";
 
 interface UseSearchResult {
     searchResults: SearchResult[];

frontend/app/layout.tsx

@@ -1,12 +1,16 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "./globals.css";
-import { Providers } from './providers'
+import "@/app/globals.css";
+import { Providers } from "@/app/providers";
 import Header from "@/app/components/header";
 import Footer from "@/app/components/footer";
 import Main from "@/app/components/ui/main-container";
 
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--font-inter',
+})
 
 export const metadata: Metadata = {
   title: "Smart Retrieval",
@@ -28,8 +32,8 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
-      <body className={inter.className}>
+    <html lang="en" className={inter.variable}>
+      <body>
         <Providers>
           <Main>
             <Header />

frontend/app/page.tsx

@@ -1,5 +1,5 @@
 import Home from '@/app/components/ui/home/client-component';
-import { Metadata } from 'next';
+import type { Metadata } from "next";
 
 export const metadata: Metadata = {
     // Google Search Console HTML Tag Verification

frontend/middleware.ts

@@ -6,5 +6,5 @@ export { default } from "next-auth/middleware"
 
 // Ensure auth is required for all except the following paths
 export const config = {
-    matcher: ['/((?!api/auth|_next/static|_next/image|favicon.ico|about|sign-in|privacy-policy|terms-of-service|sitemap.xml|robots.txt).+)']
+    matcher: ['/((?!api/auth|_next/static|_next/image|favicon.ico|favicon-16x16.png|apple-touch-icon.png|about|sign-in|privacy-policy|terms-of-service|sitemap.xml|robots.txt).+)']
 };

frontend/public/robots.txt

@@ -1,5 +1,3 @@
-//robots.txt
-
 # Block all crawlers for /accounts
 User-agent: *
 Disallow: /accounts

frontend/tailwind.config.ts

@@ -1,5 +1,4 @@
 import type { Config } from "tailwindcss";
-import { fontFamily } from "tailwindcss/defaultTheme";
 
 const config: Config = {
   darkMode: ["class"],
@@ -59,7 +58,7 @@ const config: Config = {
         sm: "calc(var(--radius) - 4px)",
       },
       fontFamily: {
-        sans: ["var(--font-sans)", ...fontFamily.sans],
+        sans: ["var(--font-inter)"],
       },
       keyframes: {
         "accordion-down": {