frontend/src/app/providers.js

// app/providers.js
'use client';
import React from 'react';
import { Next13ProgressBar } from 'next13-progressbar';

const Providers = ({ children }) => {
  return (
    <>
      {children}
      <Next13ProgressBar height="4px" color="var(--primary-special-color)" options={{ showSpinner: false }} showOnShallow />
    </>
  );
};

export default Providers;