Sort focal lengths numerically

src/category/data.ts

@@ -14,6 +14,7 @@ import {
 } from '@/app/config';
 import { sortTagsByCount } from '@/tag';
 import { sortCategoriesByCount } from '@/category';
+import { sortFocalLengths } from '@/focal';
 
 export const getDataForCategories = () => [
   getUniqueCameras()
@@ -39,7 +40,7 @@ export const getDataForCategories = () => [
     : [],
   SHOW_FOCAL_LENGTHS
     ? getUniqueFocalLengths()
-      .then(sortCategoriesByCount)
+      .then(sortFocalLengths)
       .catch(() => [])
     : [],
 ] as const;

src/focal/index.ts

@@ -65,3 +65,6 @@ export const generateMetaForFocalLength = (
   ),
   images: absolutePathForFocalLengthImage(focal),
 });
+
+export const sortFocalLengths = (focalLengths: FocalLengths) =>
+  focalLengths.sort((a, b) => a.focal - b.focal);

src/photo/PhotoGridSidebar.tsx

@@ -223,6 +223,7 @@ export default function PhotoGridSidebar({
           countOnHover={count}
           type="text-only"
           prefetch={false}
+          badged
         />)}
     />
     : null;