separate template types and components in file system

templates/streaming/nextjs/app/components/chat-section.tsx → templates/types/streaming/nextjs/app/components/chat-section.tsx

 "use client";
 
 import { useChat } from "ai/react";
-import { ChatInput, ChatMessages, Message } from "../../../../ui/html/chat";
+import { ChatInput, ChatMessages, Message } from "../../../../../ui/html/chat";
 
 export default function ChatSection() {
   const { messages, input, isLoading, handleSubmit, handleInputChange } =