feat: Use Badge.Ribbon to distinguish the teams to which the knowledge base belongs #2846 (#2891)

### What problem does this PR solve?

feat: Use Badge.Ribbon to distinguish the teams to which the knowledge
base belongs #2846

### Type of change

- [ ] Bug Fix (non-breaking change which fixes an issue)
- [x] New Feature (non-breaking change which adds functionality)
- [ ] Documentation Update
- [ ] Refactoring
- [ ] Performance Improvement
- [ ] Other (please describe):

web/src/components/api-service/chat-overview-modal/backend-service-api.tsx

@@ -22,10 +22,10 @@ const BackendServiceApi = ({ show }: { show(): void }) => {
       <Flex gap={8} align="center">
         <b>{t('backendServiceApi')}</b>
         <Paragraph
-          copyable={{ text: `${location.origin}/v1/api/` }}
+          copyable={{ text: `${location.origin}/api/v1/` }}
           className={styles.apiLinkText}
         >
-          {location.origin}/v1/api/
+          {location.origin}/api/v1/
         </Paragraph>
       </Flex>
     </Card>