update fe for nozzles

frontend/src/App.js

@@ -20,6 +20,7 @@ import Dashboard from './pages/Dashboard/Dashboard';
 import Properties from './pages/Properties/Properties';
 import PropertyDetail from './pages/Properties/PropertyDetail';
 import Equipment from './pages/Equipment/Equipment';
+import Nozzles from './pages/Nozzles/Nozzles';
 import Products from './pages/Products/Products';
 import Applications from './pages/Applications/Applications';
 import ApplicationPlan from './pages/Applications/ApplicationPlan';
@@ -179,6 +180,16 @@ function App() {
                   </ProtectedRoute>
                 }
               />
+              <Route
+                path="/nozzles"
+                element={
+                  <ProtectedRoute>
+                    <Layout>
+                      <Nozzles />
+                    </Layout>
+                  </ProtectedRoute>
+                }
+              />
               <Route
                 path="/products"
                 element={

frontend/src/components/Layout/Layout.js

@@ -14,6 +14,7 @@ import {
   Bars3Icon,
   XMarkIcon,
   BellIcon,
+  SparklesIcon,
 } from '@heroicons/react/24/outline';
 import {
   HomeIcon as HomeIconSolid,
@@ -23,6 +24,7 @@ import {
   CalendarDaysIcon as CalendarIconSolid,
   ClockIcon as ClockIconSolid,
   CloudIcon as CloudIconSolid,
+  SparklesIcon as SparklesIconSolid,
 } from '@heroicons/react/24/solid';
 
 import { useAuth } from '../../hooks/useAuth';
@@ -53,6 +55,12 @@ const Layout = ({ children }) => {
       icon: WrenchScrewdriverIcon,
       iconSolid: WrenchIconSolid,
     },
+    {
+      name: 'Nozzles',
+      href: '/nozzles',
+      icon: SparklesIcon,
+      iconSolid: SparklesIconSolid,
+    },
     {
       name: 'Products',
       href: '/products',