♻️ refactor: move project sorting to sanity query

The sorting of projects by featureOrder has been moved from client-side JavaScript
to the Sanity GROQ query, improving code maintainability and performance

src/app/prosjekter/page.tsx

@@ -16,13 +16,6 @@ export const metadata: Metadata = {
 export default async function Prosjekter() {
   const posts: Project[] = await client.fetch(projectsQuery);
 
-  // Sort by featureOrder, putting null/undefined values last
-  const sortedProjects = [...posts].sort((a, b) => {
-    if (a.featureOrder === null || a.featureOrder === undefined) return 1;
-    if (b.featureOrder === null || b.featureOrder === undefined) return -1;
-    return a.featureOrder - b.featureOrder;
-  });
-
   return (
     <RootLayout>
       <main
@@ -33,7 +26,7 @@ export default async function Prosjekter() {
         <PageHeader>Prosjekter</PageHeader>
         <div className="container mx-auto">
           <div className="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1 xl:grid-cols-2 gap-8">
-            {sortedProjects.map((project) => (
+            {posts.map((project) => (
               <ProsjektCard key={project.id} {...project} />
             ))}
           </div>

src/lib/sanity/queries.ts

@@ -1,7 +1,7 @@
 import { groq } from "next-sanity";
 
 export const projectsQuery = groq`
-  *[_type == "project"]{
+  *[_type == "project"] | order(featureOrder asc) {
     id,
     name,
     description,