Add: Introduce new IDE 'Cursor' and update ProseImg component

- Added 'Cursor' IDE to the uses page with corresponding images and descriptions.
- Updated ProseImg component to support an optional 'rounded' prop for image styling.
- Removed outdated JetBrains image and replaced it with a new webp format.
- Adjusted layout and spacing in the uses page for better presentation of IDEs.

app/components/content/ProseImg.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-defineProps<{ src: string, label: string, caption?: string }>()
+defineProps<{ src: string, label: string, caption?: string, rounded?: boolean }>()
 </script>
 
 <template>
   <div class="flex flex-col justify-center items-center prose-none my-8">
-    <img :src="src" :alt="label" class="w-full h-auto m-0 prose-none">
+    <img :src="src" :alt="label" class="w-full h-auto m-0 prose-none" :class="{ 'rounded-lg': rounded }">
     <p class="mt-2 text-sm text-gray-500 dark:text-gray-300 prose-none">
       {{ caption }}
     </p>

app/components/home/Activity.vue

@@ -95,7 +95,7 @@ const getActivity = computed(() => {
         tag="div"
       >
         <template #state>
-          <strong>{{ getActivity.state.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' ') }}</strong>
+          <strong>{{ getActivity.state!.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(' ') }}</strong>
         </template>
         <template #project>
           <i>{{ getActivity.project.replaceAll('Editing', '') }}</i>