hunk.code_window: MODEL_PATH=./local_models/ggml-gpt4all-j-v1.3-groovy.bin
   #RESEND
   RESEND_API_KEY=
  
hunk.labels: keep keep keep replace
hunk.after_edit: RESEND_API_KEY=<change-me>
   RESEND_EMAIL_ADDRESS=onboarding@resend.dev
hunk.file_path: .backend_env.example
hunk.type: replace
file: import { HTMLAttributes } from "react";
  
  import { UserStats } from "../../../lib/types/User";
  
  interface DateComponentProps extends HTMLAttributes<HTMLSpanElement> {
    date: UserStats["date"];
  }
  
  export const DateComponent = ({
    date,
    ...props
  }: DateComponentProps): JSX.Element => {
    // Extract year, month, and day from the date string
    const year = date.slice(0, 4);
    const month = date.slice(4, 6);
    const day = date.slice(6, 8);
  
    const formattedDate = new Date(
      `${year}-${month}-${day}`
    ).toLocaleDateString();
  
    return <span {...props}>{formattedDate}</span>;
  };
  