moving v2 to top level

src/app/course/[courseName]/settings/SettingsHeader.tsx

@@ -0,0 +1,28 @@
+"use client";
+import { useLocalCourseSettingsQuery } from "@/hooks/localCourse/localCoursesHooks";
+import { getCourseUrl } from "@/services/urlUtils";
+import Link from "next/link";
+import React from "react";
+import { useCourseContext } from "../context/courseContext";
+
+export default function SettingsHeader() {
+  const { courseName } = useCourseContext();
+  const [settings] = useLocalCourseSettingsQuery();
+  return (
+    <>
+      <div className="flex flex-row justify-between">
+        <div className="my-auto">
+          <Link className="btn" href={getCourseUrl(courseName)}>
+            Back To Course
+          </Link>
+        </div>
+        <h3 className="text-center mb-3">
+          {settings.name}{" "}
+          <span className="text-slate-500 text-xl"> settings</span>
+        </h3>
+        <div></div>
+      </div>
+      <hr />
+    </>
+  );
+}