Fix oddly failing robot label and use same as other labels (#812)

Signed-off-by: Aaron Chong <aaronchongth@gmail.com>

packages/react-components/lib/map/three-fiber/robot-three-maker.tsx

@@ -2,6 +2,7 @@ import { Circle, Line, Text } from '@react-three/drei';
 import { ThreeEvent } from '@react-three/fiber';
 import React from 'react';
 import { Euler, Vector3 } from 'three';
+import { TextThreeRendering } from './text-maker';
 
 export interface RobotData {
   fleet: string;
@@ -69,9 +70,7 @@ export const RobotThreeMaker = ({
 }: RobotThreeMakerProps): JSX.Element => {
   return (
     <>
-      <Text color="black" fontSize={0.5} position={[position.x, position.y, position.z + 1]}>
-        {robot.name}
-      </Text>
+      <TextThreeRendering position={[position.x, position.y, position.z + 1]} text={robot.name} />
       <CircleShape
         position={position}
         rotation={rotation}