Rename to overlay badge

doc/badge/ImportDoc.vue

@@ -11,7 +11,7 @@ export default {
                 basic: `
 // import as component
 import Badge from 'primevue/badge';
-import OverlayBadge from 'primevue/overlaybadge'; // optional
+import OverlayBadge from 'primevue/overlaybadge';
 `
             }
         };

doc/badge/OverlayDoc.vue

@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>A Badge can be added to any element using the directive.</p>
+        <p>A badge can be added to any element by encapsulating the content with the <i>OverlayBadge</i> component.</p>
     </DocSectionText>
     <div class="card flex flex-wrap justify-center gap-6">
         <OverlayBadge value="2">

pages/badge/index.vue

@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/badge/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/badge/BasicDoc.vue';
 import ButtonDoc from '@/doc/badge/ButtonDoc.vue';
 import ImportDoc from '@/doc/badge/ImportDoc.vue';
-import PositionDoc from '@/doc/badge/PositionDoc.vue';
+import OverlayDoc from '@/doc/badge/OverlayDoc.vue';
 import SeverityDoc from '@/doc/badge/SeverityDoc.vue';
 import SizeDoc from '@/doc/badge/SizeDoc.vue';
 import PTComponent from '@/doc/badge/pt/index.vue';
@@ -38,9 +38,9 @@ export default {
                     component: SizeDoc
                 },
                 {
-                    id: 'positioned',
-                    label: 'Position',
-                    component: PositionDoc
+                    id: 'overlay',
+                    label: 'Overlay',
+                    component: OverlayDoc
                 },
                 {
                     id: 'button',