chore: npm run fix

sanity.config.ts

@@ -5,7 +5,8 @@
  */
 
 import { defineConfig } from "sanity";
-import sharedStudioConfig from "./studioShared/studioConfig";
+
 import studioConfig from "./studio/studioConfig";
+import sharedStudioConfig from "./studioShared/studioConfig";
 
 export default defineConfig([studioConfig, sharedStudioConfig]);

src/app/(main)/[slug]/[id]/page.tsx

@@ -1,5 +1,6 @@
 import { loadQuery } from "@sanity/react-loader";
 import { Metadata } from "next";
+
 import PostPage from "src/post/PostPage";
 import PostPagePreview from "src/post/PostPagePreview";
 import { getDraftModeInfo } from "src/utils/draftmode";

src/app/(main)/[slug]/page.tsx

@@ -1,25 +1,26 @@
 import { Metadata } from "next";
+
 import { Blog } from "src/blog/Blog";
 import BlogPreview from "src/blog/BlogPreview";
+import CustomErrorMessage from "src/blog/components/customErrorMessage/CustomErrorMessage";
+import { homeLink } from "src/blog/components/utils/linkTypes";
 import Compensations from "src/compensations/Compensations";
+import CompensationsPreview from "src/compensations/CompensationsPreview";
 import { getDraftModeInfo } from "src/utils/draftmode";
 import SectionRenderer from "src/utils/renderSection";
 import { fetchSeoData, generateMetadataFromSeo } from "src/utils/seo";
-import { BlogPage, PageBuilder, Post } from "studio/lib/interfaces/pages";
+import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
 import { CompensationsPage } from "studio/lib/interfaces/compensations";
+import { BlogPage, PageBuilder, Post } from "studio/lib/interfaces/pages";
+import { COMPANY_LOCATIONS_QUERY } from "studio/lib/queries/companyDetails";
 import {
   BLOG_PAGE_QUERY,
-  POSTS_QUERY,
   COMPENSATIONS_PAGE_QUERY,
+  POSTS_QUERY,
   SEO_SLUG_QUERY,
   SLUG_QUERY,
 } from "studio/lib/queries/pages";
 import { loadQuery } from "studio/lib/store";
-import CompensationsPreview from "src/compensations/CompensationsPreview";
-import { homeLink } from "../../../blog/components/utils/linkTypes";
-import CustomErrorMessage from "../../../blog/components/customErrorMessage/CustomErrorMessage";
-import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
-import { COMPANY_LOCATIONS_QUERY } from "studio/lib/queries/companyDetails";
 
 export const dynamic = "force-dynamic";
 

src/app/(main)/layout.tsx

@@ -1,21 +1,22 @@
 import Footer from "src/components/navigation/footer/Footer";
-import { NAV_QUERY } from "studio/lib/queries/navigation";
-import { COMPANY_INFO_QUERY } from "studio/lib/queries/companyDetails";
+import FooterPreview from "src/components/navigation/footer/FooterPreview";
 import { Header } from "src/components/navigation/header/Header";
-import { Navigation } from "studio/lib/interfaces/navigation";
-import { CompanyInfo } from "studio/lib/interfaces/companyDetails";
-import { loadQuery } from "studio/lib/store";
 import HeaderPreview from "src/components/navigation/header/HeaderPreview";
-import FooterPreview from "src/components/navigation/footer/FooterPreview";
-import { SOMEPROFILES_QUERY } from "studio/lib/queries/socialMediaProfiles";
-import { SocialMediaProfiles } from "studio/lib/interfaces/socialMedia";
-import { getDraftModeInfo } from "src/utils/draftmode";
 import SkipToMain from "src/components/skipToMain/SkipToMain";
-import { LEGAL_DOCUMENTS_QUERY } from "studio/lib/queries/legalDocuments";
+import { getDraftModeInfo } from "src/utils/draftmode";
+import { BrandAssets } from "studio/lib/interfaces/brandAssets";
+import { CompanyInfo } from "studio/lib/interfaces/companyDetails";
 import { LegalDocument } from "studio/lib/interfaces/legalDocuments";
+import { Navigation } from "studio/lib/interfaces/navigation";
+import { SocialMediaProfiles } from "studio/lib/interfaces/socialMedia";
+import { BRAND_ASSETS_QUERY } from "studio/lib/queries/brandAssets";
+import { COMPANY_INFO_QUERY } from "studio/lib/queries/companyDetails";
+import { LEGAL_DOCUMENTS_QUERY } from "studio/lib/queries/legalDocuments";
+import { NAV_QUERY } from "studio/lib/queries/navigation";
+import { SOMEPROFILES_QUERY } from "studio/lib/queries/socialMediaProfiles";
+import { loadQuery } from "studio/lib/store";
+
 import styles from "./layout.module.css";
-import { BRAND_ASSETS_QUERY } from "../../../studio/lib/queries/brandAssets";
-import { BrandAssets } from "../../../studio/lib/interfaces/brandAssets";
 
 const hasValidData = (data: any) => data && Object.keys(data).length > 0;
 

src/app/(main)/page.tsx

@@ -1,13 +1,14 @@
+import { Metadata } from "next";
+
+import InformationSection from "src/blog/components/informationSection/InformationSection";
 import { getDraftModeInfo } from "src/utils/draftmode";
-import { LANDING_QUERY } from "studio/lib/queries/navigation";
-import { PAGE_QUERY, SEO_PAGE_QUERY } from "studio/lib/queries/pages";
-import { PageBuilder } from "studio/lib/interfaces/pages";
 import SectionRenderer from "src/utils/renderSection";
-import { loadQuery } from "studio/lib/store";
-import { Metadata } from "next";
 import { fetchSeoData, generateMetadataFromSeo } from "src/utils/seo";
-import InformationSection from "src/blog/components/informationSection/InformationSection";
 import { LinkType } from "studio/lib/interfaces/navigation";
+import { PageBuilder } from "studio/lib/interfaces/pages";
+import { LANDING_QUERY } from "studio/lib/queries/navigation";
+import { PAGE_QUERY, SEO_PAGE_QUERY } from "studio/lib/queries/pages";
+import { loadQuery } from "studio/lib/store";
 
 export async function generateMetadata(): Promise<Metadata> {
   const { data: landingId } = await loadQuery<string>(LANDING_QUERY);

src/app/api/contactForm/route.ts

@@ -1,5 +1,5 @@
-import { NextResponse } from "next/server";
 import { PubSub } from "@google-cloud/pubsub";
+import { NextResponse } from "next/server";
 
 export interface ContactData {
   name: string;

src/app/api/disable-draft/route.ts

@@ -1,5 +1,6 @@
 import { draftMode } from "next/headers";
 import { NextRequest, NextResponse } from "next/server";
+
 import { absoluteUrlFromNextRequest } from "src/utils/url";
 
 export function GET(request: NextRequest) {

src/app/api/draft/route.ts

@@ -2,9 +2,9 @@ import { validatePreviewUrl } from "@sanity/preview-url-secret";
 import { draftMode } from "next/headers";
 import { NextRequest, NextResponse } from "next/server";
 
+import { absoluteUrlFromNextRequest } from "src/utils/url";
 import { client } from "studio/lib/client";
 import { token } from "studio/lib/token";
-import { absoluteUrlFromNextRequest } from "src/utils/url";
 
 const clientWithToken = client.withConfig({ token });
 

src/app/api/fetchData/route.ts

@@ -1,4 +1,5 @@
 import { NextResponse } from "next/server";
+
 import { client } from "studio/lib/client";
 import { token } from "studio/lib/token";
 

src/app/api/openGraphImage/route.tsx

@@ -1,7 +1,9 @@
 import { ImageResponse } from "next/og";
 import { NextRequest } from "next/server";
+
+import { OPEN_GRAPH_IMAGE_DIMENSIONS } from "src/utils/seo";
+
 import OpenGraphImage from "./OpenGraphImage";
-import { OPEN_GRAPH_IMAGE_DIMENSIONS } from "../../../utils/seo";
 
 export async function GET(request: NextRequest) {
   const searchParams = request.nextUrl.searchParams;

src/app/layout.tsx

@@ -1,11 +1,12 @@
+import { Metadata } from "next";
 import { Darker_Grotesque, Figtree } from "next/font/google";
 import { draftMode } from "next/headers";
+
 import LiveVisualEditing from "studio/lib/loaders/AutomaticVisualEditing";
-import { Metadata } from "next";
 import { loadQuery } from "studio/lib/store";
 import "src/styles/global.css";
 import { generateMetadataFromSeo } from "src/utils/seo";
-import { DEFAULT_LANGUAGE_QUERY } from "../../studio/lib/queries/languages";
+import { DEFAULT_LANGUAGE_QUERY } from "studio/lib/queries/languages";
 
 const darkerGrotesque = Darker_Grotesque({
   subsets: ["latin"],

src/app/sitemap.ts

@@ -1,7 +1,8 @@
 import type { MetadataRoute } from "next";
-import { client } from "../../studio/lib/client";
-import { Slug } from "../../studio/lib/interfaces/global";
-import { token } from "../../studio/lib/token";
+
+import { client } from "studio/lib/client";
+import { Slug } from "studio/lib/interfaces/global";
+import { token } from "studio/lib/token";
 
 interface SitemapDocument {
   slug: Slug;

src/blog/Blog.tsx

@@ -1,14 +1,16 @@
 "use client";
-import { useEffect, useCallback } from "react";
+import { useCallback, useEffect } from "react";
+
+import PostPreview from "src/blog/components/postPreview/PostPreview";
+import { useFetchPosts } from "src/utils/hooks/useFetchPosts";
 import useTabs from "src/utils/hooks/useTabs";
 import { BlogPage, Post } from "studio/lib/interfaces/pages";
+
 import styles from "./blog.module.css";
-import { useFetchPosts } from "src/utils/hooks/useFetchPosts";
+import CustomErrorMessage from "./components/customErrorMessage/CustomErrorMessage";
 import BlogHero from "./components/hero/BlogHero";
-import PostPreview from "src/blog/components/postPreview/PostPreview";
-import PostPreviewGrid from "./components/postPreviewGrid/PostPreviewGrid";
 import LoadingNews from "./components/loadingNews/LoadingNews";
-import CustomErrorMessage from "./components/customErrorMessage/CustomErrorMessage";
+import PostPreviewGrid from "./components/postPreviewGrid/PostPreviewGrid";
 import { homeLink } from "./components/utils/linkTypes";
 
 interface BlogProps {

src/blog/BlogPreview.tsx

@@ -1,8 +1,10 @@
 "use client";
 import { QueryResponseInitial, useQuery } from "@sanity/react-loader";
+import { Suspense } from "react";
+
 import { BlogPage, Post } from "studio/lib/interfaces/pages";
 import { BLOG_PAGE_QUERY } from "studio/lib/queries/pages";
-import { Suspense } from "react";
+
 import { Blog } from "./Blog";
 
 interface BlogPreviewProps {

src/blog/components/customErrorMessage/CustomErrorMessage.tsx

@@ -2,6 +2,7 @@ import Button from "src/components/buttons/Button";
 import LinkButton from "src/components/linkButton/LinkButton";
 import Text from "src/components/text/Text";
 import { ILink } from "studio/lib/interfaces/navigation";
+
 import styles from "./customErrorMessage.module.css";
 
 interface CustomErrorMessageProps {

src/blog/components/hero/BlogHero.stories.tsx

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from "@storybook/react";
+
 import BlogHero from "./BlogHero";
 
 const meta: Meta<typeof BlogHero> = {

src/blog/components/hero/BlogHero.tsx

@@ -1,7 +1,9 @@
+import { LegacyRef } from "react";
+
 import Text from "src/components/text/Text";
-import styles from "./blogHero.module.css";
 import { Category } from "studio/lib/interfaces/pages";
-import { LegacyRef } from "react";
+
+import styles from "./blogHero.module.css";
 
 const BlogHero = ({
   title,

src/blog/components/informationSection/InformationSection.tsx

@@ -1,8 +1,10 @@
+import React from "react";
+
 import LinkButton from "src/components/linkButton/LinkButton";
 import Text from "src/components/text/Text";
 import { ILink } from "studio/lib/interfaces/navigation";
+
 import styles from "./informationSection.module.css";
-import React from "react";
 
 interface InformationSectionProps {
   title: string;

src/blog/components/legal/Legal.tsx

@@ -1,8 +1,10 @@
+import Link from "next/link";
+
+import { PortableTextBlock, RichText } from "src/components/richText/RichText";
 import Text from "src/components/text/Text";
-import styles from "./legal.module.css";
 import { LegalDocument } from "studio/lib/interfaces/legalDocuments";
-import { RichText, PortableTextBlock } from "src/components/richText/RichText";
-import Link from "next/link";
+
+import styles from "./legal.module.css";
 
 const extractHeadings = (blocks: PortableTextBlock[]) => {
   return blocks

src/blog/components/legal/LegalPreview.tsx

@@ -1,7 +1,9 @@
 "use client";
 import { QueryResponseInitial, useQuery } from "@sanity/react-loader";
-import { NAV_QUERY } from "studio/lib/queries/navigation";
+
 import { LegalDocument } from "studio/lib/interfaces/legalDocuments";
+import { NAV_QUERY } from "studio/lib/queries/navigation";
+
 import Legal from "./Legal";
 
 export default function LegalPreview({

src/blog/components/loadingNews/LoadingNews.tsx

@@ -1,4 +1,5 @@
 import Text from "src/components/text/Text";
+
 import styles from "./loadingNews.module.css";
 
 const LoadingNews = () => {

src/blog/components/postCard/PostCard.tsx

@@ -2,6 +2,7 @@
 import Text from "src/components/text/Text";
 import { useConvertSanityImageToNextImage } from "src/utils/hooks/useConvertImage";
 import { Post } from "studio/lib/interfaces/pages";
+
 import styles from "./postCard.module.css";
 
 export const PostCard = ({

src/blog/components/postPreview/PostPreview.tsx

@@ -1,11 +1,12 @@
 "use client";
-import { RichText, PortableTextBlock } from "src/components/richText/RichText";
+import CustomLink from "src/components/link/CustomLink";
+import { PortableTextBlock, RichText } from "src/components/richText/RichText";
 import Text from "src/components/text/Text";
+import { useConvertSanityImageToNextImage } from "src/utils/hooks/useConvertImage";
+import { LinkType } from "studio/lib/interfaces/navigation";
 import { Post } from "studio/lib/interfaces/pages";
+
 import styles from "./postPreview.module.css";
-import CustomLink from "src/components/link/CustomLink";
-import { LinkType } from "studio/lib/interfaces/navigation";
-import { useConvertSanityImageToNextImage } from "src/utils/hooks/useConvertImage";
 
 export interface PostPreviewProps {
   post: Post;

src/blog/components/postPreview/PostReview.stories.tsx

@@ -1,6 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react";
-import PostPreview from "./PostPreview";
+
 import { postMock } from "./mockData";
+import PostPreview from "./PostPreview";
 
 const meta: Meta<typeof PostPreview> = {
   title: "Blog/PostPreview",

src/blog/components/postPreview/mockData.ts

@@ -1,5 +1,5 @@
-import placeholder from "src/stories/assets/image-placeholder.png";
 import { PortableTextBlock } from "src/components/richText/RichText";
+import placeholder from "src/stories/assets/image-placeholder.png";
 
 // Common rich text for lead and main content
 const leadRichText: PortableTextBlock[] = [

src/blog/components/postPreviewGrid/PostPreviewGrid.tsx

@@ -1,9 +1,11 @@
-import React, { useEffect, useRef, useState, useCallback } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+
+import { PostCard } from "src/blog/components/postCard/PostCard";
+import Button from "src/components/buttons/Button";
 import Text from "src/components/text/Text";
 import { Post } from "studio/lib/interfaces/pages";
+
 import styles from "./postPreviewGrid.module.css";
-import Button from "src/components/buttons/Button";
-import { PostCard } from "../postCard/PostCard";
 
 const PostPreviewGrid = ({
   posts,

src/compensations/Compensations.tsx

@@ -1,25 +1,27 @@
 "use client";
-import styles from "./compensations.module.css";
+import { useMemo, useState } from "react";
+
+import {
+  IOption,
+  RadioButtonGroup,
+} from "src/components/forms/radioButtonGroup/RadioButtonGroup";
 import Text from "src/components/text/Text";
+import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
 import { CompensationsPage } from "studio/lib/interfaces/compensations";
+
+import styles from "./compensations.module.css";
+import BenefitsByLocation from "./components/benefitsByLocation/BenefitsByLocation";
 import SalaryCalculator, {
   Degree,
 } from "./components/salaryCalculator/SalaryCalculator";
-import { useMemo, useState } from "react";
+import YearlyBonuses from "./components/yearlyBonuses/YearlyBonuses";
 import {
   calculatePension,
   calculateSalary,
   maxSalariesExaminationYear,
   minSalariesExaminationYear,
   salariesFromLocation,
 } from "./utils/salary";
-import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
-import {
-  IOption,
-  RadioButtonGroup,
-} from "src/components/forms/radioButtonGroup/RadioButtonGroup";
-import YearlyBonuses from "./components/yearlyBonuses/YearlyBonuses";
-import BenefitsByLocation from "./components/benefitsByLocation/BenefitsByLocation";
 
 interface CompensationsProps {
   compensations: CompensationsPage;

src/compensations/CompensationsPreview.tsx

@@ -1,12 +1,14 @@
 "use client";
-import { Suspense } from "react";
-import Compensations from "./Compensations";
 import { QueryResponseInitial, useQuery } from "@sanity/react-loader";
-import { CompensationsPage } from "studio/lib/interfaces/compensations";
+import { Suspense } from "react";
+
 import { CompanyLocation } from "studio/lib/interfaces/companyDetails";
+import { CompensationsPage } from "studio/lib/interfaces/compensations";
 import { COMPANY_LOCATIONS_QUERY } from "studio/lib/queries/companyDetails";
 import { COMPENSATIONS_PAGE_QUERY } from "studio/lib/queries/pages";
 
+import Compensations from "./Compensations";
+
 interface CompensationsPreviewProps {
   initialCompensations: QueryResponseInitial<CompensationsPage>;
   initialLocations: QueryResponseInitial<CompanyLocation[]>;