fix: update color values to #27FF64 in various components and demos

src/demo/Animations/CrosshairDemo.vue

@@ -8,7 +8,7 @@
           <a
             ref="linkRef"
             href="https://github.com/DavidHDev/vue-bits"
-            class="text-center font-black text-[2rem] md:text-[4rem] transition-all duration-300 ease-in-out hover:text-[#5227ff]"
+            class="text-center font-black text-[2rem] md:text-[4rem] transition-all duration-300 ease-in-out hover:text-[#27FF64]"
             :style="{ minWidth: minWidth + 'px' }"
             @mouseenter="handleMouseEnter"
             @mouseleave="handleMouseLeave"

src/demo/Animations/RibbonsDemo.vue

@@ -95,7 +95,7 @@ const propData = [
   {
     name: 'colors',
     type: 'string[]',
-    default: "['#5227FF']",
+    default: "['#27FF64']",
     description: 'An array of color strings to be used for the ribbons.'
   },
   {

src/demo/Components/FolderDemo.vue

@@ -36,14 +36,14 @@ import PreviewSlider from '@/components/common/PreviewSlider.vue';
 import PropTable from '@/components/common/PropTable.vue';
 import TabbedLayout from '@/components/common/TabbedLayout.vue';
 
-const color = ref('#5227FF');
+const color = ref('#27FF64');
 const size = ref(2);
 
 const propData = [
   {
     name: 'color',
     type: 'string',
-    default: '#5227FF',
+    default: '#27FF64',
     description: 'The color of the folder.'
   },
   {