refactor: Remove unused imports and update component styling for better responsiveness

Author: xavirn89

app/layout.tsx

@@ -3,7 +3,6 @@ import { Inter } from "next/font/google";
 import Head from 'next/head';
 import "./globals.css";
 import '@fontsource-variable/m-plus-2';
-import { Helmet } from 'react-helmet';
 
 import { Author } from "next/dist/lib/metadata/types/metadata-types";
 

sections/CodeArea.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import React, { useEffect } from 'react'
 import SyntaxHighlighter from 'react-syntax-highlighter'
 import { atelierLakesideLight } from 'react-syntax-highlighter/dist/esm/styles/hljs'

sections/GridSettings.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import React, { useCallback } from 'react';
 import { GridItemValueType, Direction } from '@/types/global';
 import useGlobalStore from '@/stores/globalStore';

sections/ItemsSettings.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import React, { useCallback } from 'react';
 import { GridItemValueType, GridItem, ItemValues } from '@/types/global';
 import { lightColors } from '@/constants/colors';

sections/LayoutArea.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import React, { useEffect, useState } from 'react'
 import useGlobalStore from '@/stores/globalStore'
 import { GridItem } from '@/types/global'

sections/TitleSection.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import React from 'react';
 import useGlobalStore from '@/stores/globalStore';
 import ClickButton from '@/components/ClickButton';

sections/ToastArea.tsx

@@ -1,5 +1,4 @@
 'use client'
-
 import useGlobalStore from '@/stores/globalStore';
 import React from 'react'