✨ add language switch, add german

src/components/layout/Tip.tsx

@@ -1,10 +1,13 @@
 import { Text } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
 
 interface TipProps {
   children: React.ReactNode;
 }
 
 export default function Tip(props: TipProps) {
+  const { t } = useTranslation('common');
+
   return (
     <Text
       style={{
@@ -13,7 +16,8 @@ export default function Tip(props: TipProps) {
         marginBottom: '0.5rem',
       }}
     >
-      Tip: {props.children}
+      {t('tip')}
+      {props.children}
     </Text>
   );
 }